@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--primary-gradient:#4f46e5;--primary-darker:#1b4f29;--primary-color:#16a34a;--primary-dark:#058612;--secondary-color:#40a578;--accent-color:#34a853;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--text-light:#fff;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--glass-bg:#fff;--glass-border:#e2e8f0;--glass-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--sidebar-width:260px;--sidebar-collapsed-width:82px;--header-height:70px;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out;--transition-slow:.5s ease-in-out}.main-content{margin-left:var(--sidebar-width);margin-top:var(--header-height);padding:var(--spacing-2xl);transition:margin-left var(--transition-normal);flex:1}body.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed-width)}@media (max-width:768px){.main-content{padding:var(--spacing-lg);margin-top:calc(60px + var(--header-height));margin-left:0!important}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;line-height:1.6}a{color:#000;transition:color var(--transition-fast);text-decoration:none}a:hover{color:#000}.container{max-width:1400px;padding:var(--spacing-xl);margin:0 auto}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:all var(--transition-normal)}.card:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:var(--spacing-sm);border:none;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);color:#fff;transform:translateY(-1px)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{opacity:.9}.form-input{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--bg-tertiary);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:.75rem 1rem}.form-input:focus{border-color:var(--primary-color);background:#fff;outline:none;box-shadow:0 0 0 2px #4f46e51a}.form-textarea,.form-select{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--bg-tertiary);width:100%;color:var(--text-primary);transition:all var(--transition-fast);resize:vertical;padding:.75rem 1rem;font-family:inherit}.form-select:focus,.form-textarea:focus{border-color:var(--primary-color);background:#fff;outline:none;box-shadow:0 0 0 2px #4f46e51a}.form-group{margin-bottom:var(--spacing-xs)}.form-label{margin-bottom:var(--spacing-xs);color:var(--text-primary);font-weight:500;display:block}.form-hint{margin-top:var(--spacing-xs);color:var(--text-muted);font-size:.875rem;display:block}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;padding:var(--spacing-md);border-bottom:2px solid var(--glass-border);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:600}.table td{padding:var(--spacing-xs);border-bottom:1px solid var(--glass-border);color:var(--text-secondary);vertical-align:middle}.table tr:last-child td{border-bottom:none}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#10b9811a}.badge-warning{color:var(--warning);background:#f59e0b1a}.badge-error{color:var(--error);background:#ef44441a}.badge-info{color:var(--info);background:#3b82f61a}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-md);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-2xl);border:1px solid var(--glass-border);padding:10px;animation:.3s ease-out modalSlideIn;overflow-y:auto}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--glass-border);justify-content:flex-end;gap:var(--spacing-md);display:flex}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mb-lg{margin-bottom:var(--spacing-lg)}.hidden{display:none}.datetime-picker{width:100%;position:relative}.input-wrapper{background:var(--bg-tertiary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border:1px solid #ffffff14;border-radius:8px;align-items:center;padding:.75rem 1rem;display:flex}.input-wrapper.thin{border:1px solid var(--glass-border);background:#fff;border-radius:6px;padding:.35rem .75rem}.input-wrapper:hover{border-color:var(--primary-color);background:#fff}.input-icon{opacity:.8;margin-right:.875rem}.picker-input{cursor:pointer;background:0 0;border:none;outline:none;width:100%;font-size:.9375rem}.picker-input::placeholder{color:#64748b}.clear-btn{background:var(--bg-secondary);color:#94a3b8;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:.5rem;padding:4px;transition:all .2s;display:flex}.clear-btn:hover{color:#ef4444;background:#ef444426;transform:scale(1.1)}.picker-dropdown{z-index:1000;background:#fff;border:1px solid #ffffff1a;border-radius:15px;width:300px;padding:1.25rem;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;position:absolute;left:0;box-shadow:0 15px 25px -12px #00000080}.picker-dropdown.pos-bottom{top:calc(100% + .75rem)}.picker-dropdown.pos-top{bottom:calc(100% + .75rem)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.nav-btn{color:#000;cursor:pointer;background:#ffffff0d;border:none;border-radius:10px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.nav-btn:hover{color:var(--primary-color,#22c55e);background:#ffffff1a}.month-year{color:#000;letter-spacing:-.025em;font-size:1rem;font-weight:700}.calendar-weekdays{text-align:center;color:#64748b;text-transform:uppercase;letter-spacing:.05em;grid-template-columns:repeat(7,1fr);margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:grid}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{aspect-ratio:1;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.calendar-day:hover:not(.empty){color:#000;background:#22c55e1a}.calendar-day.selected{color:#fff;font-weight:700;box-shadow:0 4px 12px #22c55e4d;background:var(--accent-color)!important}.calendar-day.today{color:var(--primary-color,#22c55e);font-weight:700;position:relative}.calendar-day.today:after{content:"";background:var(--primary-color,#22c55e);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;margin:1.25rem 0}.time-picker-header{color:#94a3b8;align-items:center;gap:.625rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;display:flex}.time-picker-container{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex}.time-section{flex-direction:column;gap:6px;display:flex}.time-section label{color:#64748b;text-align:center;text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:700}.time-section select{color:#000;cursor:pointer;appearance:none;text-align:center;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:6px 10px;font-size:1rem;font-weight:600;transition:all .2s}.time-section select:hover{border-color:var(--primary-color,#22c55e)}.time-separator{color:#475569;margin-top:1.25rem;font-size:1.25rem;font-weight:700}.picker-footer{justify-content:flex-end;margin-top:1rem;display:flex}.btn-done{background:var(--secondary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.625rem 1.5rem;font-size:.875rem;font-weight:700;transition:all .2s}.btn-done:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-done:active{transform:translateY(0)}.nav-menu{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.nav-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);cursor:pointer;background:0 0;justify-content:flex-start;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-card-hover);transform:translate(4px)}.nav-item.active{background:var(--accent-color);color:#fff;box-shadow:0 4px 6px -1px #4f46e533}