*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;}
body{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;}
.container{width:100%;max-width:900px;background:white;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:30px;margin-top:20px;}
h1{color:#6b5ce7;text-align:center;margin-bottom:20px;font-size:2.5rem;}
.app-description{text-align:center;color:#636e72;margin-bottom:30px;font-size:1.1rem;line-height:1.5;}

/* App Sharing Styles */
.app-sharing {
  margin: 20px 0 30px;
  text-align: center;
  padding: 15px;
  background: #f8f9fa;
  border-radius: 10px;
}
.share-title {
  font-size: 18px;
  color: #4a5568;
  margin-bottom: 15px;
  font-weight: 500;
}
.share-buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}
.share-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  transition: transform 0.3s ease;
}
.share-button:hover {
  transform: translateY(-5px);
}
.icon-wrapper {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
  font-size: 20px;
  color: white;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.whatsapp { background-color: #25D366; }
.telegram { background-color: #0088cc; }
.facebook { background-color: #3b5998; }
.twitter { background-color: #1DA1F2; }
.share { background-color: #6c757d; }
.share-button span {
  font-size: 11px;
  color: #4a5568;
  font-weight: 500;
}

.form-container{background:#f8f9fa;padding:25px;border-radius:10px;margin-bottom:30px;}
.form-title{color:#6b5ce7;margin-bottom:20px;font-size:1.5rem;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.input-group{margin-bottom:15px;}
label{display:block;margin-bottom:8px;font-weight:600;color:#2d3436;}
input,select,textarea{width:100%;padding:12px 15px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s;}
input:focus,select:focus,textarea:focus{border-color:#6b5ce7;outline:none;}
textarea{min-height:100px;resize:vertical;}
button{background:#6b5ce7;color:white;border:none;padding:14px 25px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:.3s;display:flex;align-items:center;justify-content:center;}
button:hover{background:#5649c9;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);}
button i{margin-right:8px;}
.delete-btn{background:#ff7675;}
.delete-btn:hover{background:#ff5e5c;}
.export-btn{background:#00b894;}
.export-btn:hover{background:#00a885;}
.google-btn{background:#DB4437;}
.google-btn:hover{background:#C03A2E;}
.outlook-btn{background:#0078D4;}
.outlook-btn:hover{background:#0062AD;}
.apple-btn{background:#000;}
.apple-btn:hover{background:#333;}
.yahoo-btn{background:#6001D2;}
.yahoo-btn:hover{background:#4E00AD;}
.events-list{margin-top:20px;}
.event-item{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;transition:background .3s;}
.event-item:hover{background:#f8f9fa;}
.event-info{flex:1;}
.event-name{font-weight:600;color:#2d3436;font-size:1.2rem;margin-bottom:5px;}
.event-type{display:inline-block;background:#dfe6e9;padding:4px 10px;border-radius:20px;font-size:.8rem;color:#636e72;margin-bottom:8px;}
.event-date{color:#636e72;margin-bottom:8px;}
.event-description{color:#2d3436;line-height:1.5;}
.days-away{color:#6b5ce7;font-weight:600;margin-right:15px;font-size:1.1rem;}
.actions{display:flex;gap:10px;}
.calendar-integration{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:10px;}
.integration-title{text-align:center;color:#6b5ce7;margin-bottom:20px;font-size:1.5rem;}
.integration-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px;}
.integration-buttons button{width:100%;}
.empty-state{text-align:center;padding:40px;color:#636e72;}
.empty-state i{font-size:3rem;color:#b2bec3;margin-bottom:15px;}
.notification{position:fixed;top:20px;right:20px;padding:15px 25px;background:#00b894;color:white;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.2);transform:translateX(100%);opacity:0;transition:transform .3s,opacity .3s;z-index:1000;}
.notification.show{transform:translateX(0);opacity:1;}

@media(max-width:768px){
  .form-grid{grid-template-columns:1fr;}
  .container{padding:15px;}
  .event-item{flex-direction:column;align-items:flex-start;}
  .actions{margin-top:15px;width:100%;justify-content:flex-end;}
  .integration-buttons{grid-template-columns:1fr;}
  .share-buttons {
    gap: 8px;
  }
  .icon-wrapper {
    width: 45px;
    height: 45px;
    font-size: 18px;
  }
}