@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root[data-theme=dark]{--bg-deep: #0b0f14;--bg-main: #151921;--glass-bg: rgba(21, 25, 33, .8);--glass-border: rgba(255, 255, 255, .04);--primary: #818cf8;--primary-glow: rgba(129, 140, 248, .15);--secondary: #94a3b8;--accent: #a78bfa;--success: #34d399;--danger: #fb7185;--warning: #fbbf24;--info: #60a5fa;--text-main: #f1f5f9;--text-dim: #94a3b8;--text-muted: #64748b;--btn-text: #ffffff;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .6);--primary-rgb: 129, 140, 248;--danger-rgb: 251, 113, 133;--success-rgb: 52, 211, 153;--secondary-rgb: 148, 163, 184;--info-rgb: 96, 165, 250;--bg-main-rgb: 21, 25, 33;--confirm-bg: rgba(15, 21, 33, .95);--confirm-border: rgba(255, 255, 255, .15);--confirm-text: #ffffff}:root[data-theme=light]{--bg-deep: #f8fafc;--bg-main: #ffffff;--glass-bg: #ffffff;--glass-border: rgba(15, 23, 42, .12);--primary: #4f46e5;--primary-glow: rgba(79, 70, 229, .08);--secondary: #64748b;--accent: #7c3aed;--success: #059669;--danger: #e11d48;--warning: #d97706;--info: #2563eb;--text-main: #020617;--text-dim: #1e293b;--text-muted: #475569;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1);--btn-text: #ffffff;--primary-rgb: 79, 70, 229;--danger-rgb: 225, 29, 72;--success-rgb: 5, 150, 105;--secondary-rgb: 100, 116, 139;--info-rgb: 37, 99, 235;--bg-main-rgb: 255, 255, 255;--confirm-bg: rgba(255, 255, 255, .95);--confirm-border: rgba(0, 0, 0, .1);--confirm-text: #0f172a}:root{--sidebar-width: 260px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-deep);color:var(--text-main);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease;background-image:radial-gradient(at 0% 0%,var(--primary-glow) 0px,transparent 40%),radial-gradient(at 100% 100%,rgba(var(--primary),.02) 0px,transparent 40%)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:10px;opacity:.5}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.01em;color:var(--text-main)}h1{font-size:2.25rem;color:var(--text-main);background:none;-webkit-text-fill-color:initial}[data-theme=dark] h1{background:linear-gradient(135deg,var(--text-main) 20%,var(--primary) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.app-container{display:flex;min-height:100vh}.main-content{flex:1;padding:2.5rem;margin-left:var(--sidebar-width);transition:all .4s ease;min-width:0}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.small{font-size:.8rem}.font-bold{font-weight:700}.text-dim{color:var(--text-dim)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-info{color:var(--info)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mr-auto{margin-right:auto}.p-0{padding:0}.p-4{padding:1rem}.pt-4{padding-top:1rem;border-top:1px solid var(--glass-border)}.rounded-xl{border-radius:1.25rem}.rounded-2xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border-t{border-top:1px solid var(--glass-border)}.border{border:1px solid var(--glass-border)}.border-primary{border-color:var(--primary)}.w-fit{width:fit-content}.whitespace-nowrap{white-space:nowrap}.filter-container{display:flex;gap:.5rem;padding:.4rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:100px;width:fit-content;box-shadow:var(--shadow-sm)}.filter-pill{padding:.5rem 1.25rem;border-radius:100px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;display:flex;align-items:center;gap:.5rem;background:transparent;color:var(--text-dim)}.filter-pill:hover{background:var(--primary-glow);color:var(--primary);transform:translateY(-1px)}.filter-pill.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);transform:translateY(-1px)}.filter-pill.active-success{background:var(--success);color:#fff;box-shadow:0 4px 12px rgba(var(--success-rgb),.3)}.filter-pill.active-danger{background:var(--danger);color:#fff;box-shadow:0 4px 12px rgba(var(--danger-rgb),.3)}.filter-pill.active-info{background:var(--info);color:#fff;box-shadow:0 4px 12px rgba(var(--info-rgb),.3)}.hover-lift{transition:transform .2s ease,box-shadow .2s ease!important}.hover-lift:hover{transform:translateY(-4px) scale(1.01)!important;box-shadow:var(--shadow-lg)!important}.rotate-card{transition:transform .3s ease}.rotate-card:hover{transform:rotate(.5deg)}.btn-icon{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-icon:hover{background:#0000000d}.btn-info{background:var(--info);color:#fff}.btn-success{background:var(--success);color:#fff}.relative{position:relative}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-lg);position:relative;transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.modal-glass{background:var(--bg-main);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:28px;overflow:hidden;box-shadow:var(--shadow-2xl);animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.premium-table{width:100%;border-spacing:0}.premium-table th{background:rgba(var(--primary-rgb),.03);padding:1rem 1.5rem;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:2px solid var(--glass-border)}.premium-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--glass-border);transition:all .2s}.premium-table tr:hover td{background:rgba(var(--primary-rgb),.015)}.modern-date-input{background:transparent;border:none;font-size:.75rem;font-weight:700;color:var(--text-main);outline:none;padding:2px 4px;border-radius:6px;transition:all .2s}.modern-date-input:focus{background:rgba(var(--primary-rgb),.05)}::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5);opacity:.6;transition:all .2s}[data-theme=dark] ::-webkit-calendar-picker-indicator{filter:invert(1)}::-webkit-calendar-picker-indicator:hover{opacity:1;transform:scale(1.1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.25rem;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-primary{background:var(--primary);color:var(--btn-text)}.btn-primary:hover{opacity:.9;transform:scale(1.02)}.btn-danger{background:#e11d481a;color:var(--danger);border:1px solid rgba(225,29,72,.2)}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-dim);font-size:.85rem}.form-input{width:100%;background:var(--bg-main);border:1px solid var(--glass-border);color:var(--text-main);padding:.75rem 1rem;border-radius:var(--radius-sm);transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--primary)}.glass-input{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:.6rem 1rem;color:var(--text-main);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.glass-input:focus{background:#ffffff14;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);outline:none}[data-theme=light] .glass-input{background:#fffc;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .glass-input:focus{background:#fff}.table-container{overflow-x:auto;border-radius:var(--radius-md);background:var(--bg-main);border:1px solid var(--glass-border)}table{width:100%;border-collapse:collapse;text-align:left}th{background:rgba(var(--primary),.05);padding:1rem;font-weight:700;font-size:.75rem;color:var(--text-muted);text-transform:uppercase}td{padding:1rem;border-bottom:1px solid var(--glass-border);color:var(--text-dim);font-size:.875rem}tr:hover td{background:rgba(var(--primary),.02);color:var(--text-main)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-main);border-right:1px solid var(--glass-border);padding:2.5rem 1.25rem;display:flex;flex-direction:column;z-index:100}.sidebar-logo{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--text-main),var(--primary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:3rem;display:flex;align-items:center;gap:.75rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;color:var(--text-dim);border-radius:var(--radius-sm);text-decoration:none;font-weight:600;transition:.2s;margin-bottom:.4rem}.nav-link:hover{background:rgba(var(--primary),.1);color:var(--text-main)}.nav-link.active{background:var(--primary);color:#fff}.theme-toggle{margin-top:auto;margin-bottom:1rem;padding:.75rem;border-radius:var(--radius-sm);cursor:pointer;background:rgba(var(--primary),.05);display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--text-dim)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .4s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slideDown .3s ease-out forwards}.hover-bg:hover{background:rgba(var(--primary-rgb),.08)!important;border-color:rgba(var(--primary-rgb),.2)!important}.badge{padding:.25rem .6rem;border-radius:100px;font-size:.7rem;font-weight:700}.badge-info{background:#60a5fa1a;color:var(--info)}.badge-danger{background:#fb71851a;color:var(--danger)}.badge-success{background:#34d3991a;color:var(--success)}.mobile-menu-btn{display:none;position:fixed;top:1rem;right:1.5rem;z-index:1000;background:var(--primary);color:#fff;border:none;padding:.5rem;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm)}@media(max-width:900px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.sidebar{transform:translate(-100%);transition:transform .3s ease;box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:10px 0 25px #00000080}.main-content{margin-left:0;padding:5rem 1rem 1.5rem;max-width:100vw}.grid-cards{grid-template-columns:1fr;gap:1rem}.flex-between{flex-direction:column;align-items:flex-start;gap:.75rem}h1{font-size:1.75rem}}.search-suggestions{position:absolute;top:100%;left:0;width:320px;max-height:300px;overflow-y:auto;background:var(--bg-main);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 10px 40px -10px #0006;z-index:10000;padding:.6rem;margin-top:8px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{padding:.9rem 1.2rem;cursor:pointer;border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(var(--primary),.03);color:var(--text-main);display:flex;align-items:center;gap:10px}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:rgba(var(--primary),.1);color:var(--primary);transform:translate(6px)}.suggestion-item b{color:var(--primary)}.suggestion-item span{opacity:.6;font-size:.85em;font-weight:400}@keyframes premiumPop{0%{opacity:0;transform:translate(-50%,-20px) scale(.9)}70%{opacity:1;transform:translate(-50%,5px) scale(1.02)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-premium-pop{animation:premiumPop .4s cubic-bezier(.34,1.56,.64,1) forwards}.shimmer-effect{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);background-size:200% 100%;animation:shimmer 3s infinite}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.max-w-4xl{max-width:56rem}.max-w-2xl{max-width:42rem}.z-50{z-index:50}.z-100{z-index:100}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.px-12{padding-left:3rem;padding-right:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pt-6,.pb-6{padding-top:1.5rem}.sticky{position:sticky}.top-0{top:0}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.bg-primary-light{background-color:rgba(var(--primary-rgb),.1)}.bg-danger-light{background-color:rgba(var(--danger-rgb),.1)}.bg-success-light{background-color:rgba(var(--success-rgb),.1)}.bg-info-light{background-color:rgba(var(--info-rgb),.1)}.bg-secondary-light{background-color:rgba(var(--secondary-rgb),.05)}.icon-container{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:11000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-content{animation:modalPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.hover-scale{transition:all .3s ease}.hover-scale:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg)}.border-light{border-color:var(--glass-border)}.border-dashed{border-style:dashed}.border-2{border-width:2px}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-tighter{letter-spacing:-.05em}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-2xl{box-shadow:0 25px 50px -12px #00000080}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-70{opacity:.7}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.overflow-auto{overflow:auto}.overflow-visible{overflow:visible!important}.form-control{width:100%;background:var(--bg-main);border:1.5px solid var(--glass-border);color:var(--text-main);padding:.6rem 1rem;border-radius:var(--radius-sm);font-family:inherit;transition:all .2s}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.form-control.small{padding:.4rem .75rem;font-size:.85rem}.btn-outline{background:transparent;border:1.5px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary-glow)}.autocomplete-dropdown{background:var(--bg-main);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.confirm-toast-container{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#0000;transition:background .4s ease;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.confirm-toast-container:has(.confirm-toast){pointer-events:auto;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.confirm-toast{background:var(--confirm-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--confirm-border);padding:2.5rem;border-radius:32px;box-shadow:0 30px 70px #00000080;display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:440px;width:90%;text-align:center;position:relative;top:-5%;animation:toast-confirm-spring .6s cubic-bezier(.34,1.56,.64,1);color:var(--confirm-text)}@keyframes toast-confirm-spring{0%{transform:scale(.5) translateY(100px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.confirm-toast-icon{padding:1.25rem;background:rgba(var(--danger-rgb),.1);border-radius:24px;color:var(--danger);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 20px rgba(var(--danger-rgb),.05)}.confirm-toast h4{margin:0;color:var(--confirm-text);font-size:1.35rem;font-weight:800;line-height:1.3;letter-spacing:-.02em}.confirm-toast-actions{display:flex;gap:16px;width:100%;margin-top:.5rem}.confirm-toast-btn{flex:1;padding:1rem 1.5rem;border-radius:18px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;display:flex;align-items:center;justify-content:center;gap:10px}.confirm-toast-btn-yes{background:linear-gradient(135deg,var(--danger),#b91c1c);color:#fff;box-shadow:0 10px 25px rgba(var(--danger-rgb),.3)}.confirm-toast-btn-yes:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 15px 30px rgba(var(--danger-rgb),.4)}.confirm-toast-btn-no{background:rgba(var(--secondary-rgb),.1);color:var(--text-dim);border:1px solid var(--glass-border)}.confirm-toast-btn-no:hover{background:rgba(var(--secondary-rgb),.2);color:var(--text-main);transform:translateY(-2px)}.system-time-container{padding:.6rem 1.25rem;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:12px;z-index:999;transition:all .3s ease;animation:slideInDown .5s ease-out}.system-time-container:hover{border-color:rgba(var(--primary-rgb),.3);box-shadow:0 8px 30px rgba(var(--primary-rgb),.1);transform:translateY(2px)}.system-time-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary-glow);color:var(--primary);border-radius:10px}.system-time-content{display:flex;flex-direction:column}.system-time-clock{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;color:var(--text-main);line-height:1.2}.system-time-date{font-size:.75rem;color:var(--text-dim);display:flex;align-items:center;gap:6px}.dot-separator{opacity:.4}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.system-time-container{padding:.5rem .8rem;gap:8px;border-radius:12px}.system-time-date span:last-child{display:none}.system-time-date .dot-separator{display:none}.system-time-icon{width:28px;height:28px}.system-time-clock{font-size:.95rem}}