@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
:root{--background:#f8fafc;--foreground:#0f172a;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-subtle:#2563eb14;--secondary:#f1f5f9;--border:#e2e8f0;--border-subtle:#e2e8f0cc;--border-colored:#2563eb2e;--card-bg:#ffffffe6;--glass-bg:#ffffffdb;--glass-bg-subtle:#ffffffb8;--glass-bg-solid:#fff;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--glass-shadow:0 4px 20px -2px #0f172a0d, 0 2px 8px -2px #2563eb0a;--glass-shadow-lg:0 12px 30px -4px #0f172a14, 0 4px 12px -2px #2563eb0f;--glass-shadow-hover:0 14px 32px -4px #2563eb1f, 0 4px 12px -2px #0f172a0a;--text-muted:#64748b;--font-sans:"Outfit", system-ui, -apple-system, sans-serif}@media (prefers-color-scheme:dark){:root{--background:#090d16;--foreground:#f8fafc;--primary:#3b82f6;--primary-hover:#2563eb;--primary-subtle:#3b82f61f;--secondary:#1e293b;--border:#334155;--border-subtle:#334155cc;--border-colored:#3b82f640;--card-bg:#0f172ae0;--glass-bg:#0f172ad9;--glass-bg-subtle:#0f172ab8;--glass-bg-solid:#1e293b;--glass-shadow:0 4px 20px -2px #00000059, 0 2px 8px -2px #3b82f626;--glass-shadow-lg:0 12px 30px -4px #00000073, 0 4px 12px -2px #3b82f633;--glass-shadow-hover:0 14px 34px -4px #3b82f640, 0 4px 12px -2px #0000004d;--text-muted:#94a3b8}}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-sans)!important}html,body{min-height:100%}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#2563eb0a 0,#0000 50%),radial-gradient(at 100% 100%,#0ea5e908 0,#0000 50%),radial-gradient(#6366f105 0,#0000 60%);background-attachment:fixed;font-weight:400;line-height:1.55}h1,h2,h3,h4,h5,h6{letter-spacing:-.018em;color:var(--foreground);font-weight:600}h1{font-size:1.85rem;font-weight:650}h2{font-size:1.55rem;font-weight:650}h3{font-size:1.25rem;font-weight:600}h4{font-size:1.05rem;font-weight:600}a{color:inherit;text-decoration:none}button{cursor:pointer;border-radius:var(--radius-md);font-family:inherit}input:not([type=button]):not([type=submit]):not([type=reset]),select,textarea{background-color:var(--glass-bg-solid);color:var(--foreground);padding:.55rem .85rem;font-weight:450;transition:all .15s ease-in-out;box-shadow:0 1px 3px #0f172a08;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;font-family:var(--font-sans)!important}input:not([type=button]):not([type=submit]):not([type=reset]):focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 3px #2563eb26,0 2px 6px -1px #2563eb1a!important}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);box-shadow:var(--glass-shadow);border-radius:var(--radius-xl)}.glass-card,.card,.grid-card{background:var(--card-bg);-webkit-backdrop-filter:blur(14px);transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-subtle)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--glass-shadow)!important}.glass-card:hover,.card:hover,.grid-card:hover{transform:translateY(-2px);border-color:var(--border-colored)!important;box-shadow:var(--glass-shadow-hover)!important}.glass-card-dark{-webkit-backdrop-filter:blur(16px);color:#f8fafc;background:linear-gradient(135deg,#0f172af2,#1e293beb);box-shadow:0 10px 30px -5px #00000040,0 4px 14px -2px #2563eb1f;border-radius:var(--radius-xl)!important;border:1px solid #ffffff1f!important}.card-tint-blue,.grid-tint-blue{transition:all .2s ease-in-out;border-radius:var(--radius-xl)!important;background:linear-gradient(135deg,#eff6ffd9 0%,#fffffff5 100%)!important;border:1px solid #bfdbfee6!important;box-shadow:0 4px 20px -2px #2563eb14,0 2px 6px -1px #2563eb0a!important}.card-tint-blue:hover,.grid-tint-blue:hover{transform:translateY(-2px);border-color:#93c5fd!important;box-shadow:0 10px 28px -3px #2563eb26,0 4px 10px -2px #2563eb0f!important}.card-tint-emerald,.grid-tint-emerald{transition:all .2s ease-in-out;border-radius:var(--radius-xl)!important;background:linear-gradient(135deg,#ecfdf5d9 0%,#fffffff5 100%)!important;border:1px solid #a7f3d0e6!important;box-shadow:0 4px 20px -2px #10b98114,0 2px 6px -1px #10b9810a!important}.card-tint-emerald:hover,.grid-tint-emerald:hover{transform:translateY(-2px);border-color:#6ee7b7!important;box-shadow:0 10px 28px -3px #10b98126,0 4px 10px -2px #10b9810f!important}.card-tint-amber,.grid-tint-amber{transition:all .2s ease-in-out;border-radius:var(--radius-xl)!important;background:linear-gradient(135deg,#fef3c7cc 0%,#fffffff5 100%)!important;border:1px solid #fde68ae6!important;box-shadow:0 4px 20px -2px #f59e0b17,0 2px 6px -1px #f59e0b0a!important}.card-tint-amber:hover,.grid-tint-amber:hover{transform:translateY(-2px);border-color:#fcd34d!important;box-shadow:0 10px 28px -3px #f59e0b29,0 4px 10px -2px #f59e0b0f!important}.card-tint-purple,.grid-tint-purple{transition:all .2s ease-in-out;border-radius:var(--radius-xl)!important;background:linear-gradient(135deg,#f5f3ffd9 0%,#fffffff5 100%)!important;border:1px solid #ddd6fee6!important;box-shadow:0 4px 20px -2px #8b5cf614,0 2px 6px -1px #8b5cf60a!important}.card-tint-purple:hover,.grid-tint-purple:hover{transform:translateY(-2px);border-color:#c4b5fd!important;box-shadow:0 10px 28px -3px #8b5cf626,0 4px 10px -2px #8b5cf60f!important}.card-tint-rose,.grid-tint-rose{transition:all .2s ease-in-out;border-radius:var(--radius-xl)!important;background:linear-gradient(135deg,#fff1f2d9 0%,#fffffff5 100%)!important;border:1px solid #fecdd3e6!important;box-shadow:0 4px 20px -2px #f43f5e14,0 2px 6px -1px #f43f5e0a!important}.card-tint-rose:hover,.grid-tint-rose:hover{transform:translateY(-2px);border-color:#fda4af!important;box-shadow:0 10px 28px -3px #f43f5e26,0 4px 10px -2px #f43f5e0f!important}.btn-primary-glass{cursor:pointer;font-weight:550;transition:all .15s cubic-bezier(.16,1,.3,1);background-color:var(--primary)!important;color:#fff!important;border-radius:var(--radius-md)!important;border:1px solid #fff3!important;box-shadow:0 4px 14px #2563eb47!important}.btn-primary-glass:hover{transform:translateY(-1px);background-color:var(--primary-hover)!important;box-shadow:0 6px 20px #2563eb61!important}.btn-secondary-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1);background:var(--glass-bg)!important;color:var(--foreground)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-md)!important;box-shadow:0 2px 8px #0f172a0a!important}.btn-secondary-glass:hover{transform:translateY(-1px);background:var(--secondary)!important;border-color:var(--border)!important;box-shadow:0 4px 14px #0f172a14!important}.badge-pill{letter-spacing:.01em;align-items:center;gap:.35rem;padding:3px 10px;font-size:.72rem;font-weight:550;display:inline-flex;border-radius:var(--radius-full)!important}.glass-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:99999;background-color:#0f172a8c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.glass-modal-content,.glass-modal-container{-webkit-backdrop-filter:blur(20px);width:100%;max-width:650px;padding:2rem;animation:.2s cubic-bezier(.16,1,.3,1) modalFadeIn;position:relative;color:var(--foreground)!important;border-radius:var(--radius-2xl)!important;background:#fff!important;border:1px solid #e2e8f0d9!important;box-shadow:0 25px 60px -12px #0f172a4d,0 0 0 1px #2563eb0d!important}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}button:not(.btn-outline):not([data-bordered=true]),a.btn:not(.btn-outline):not([data-bordered=true]),.btn:not(.btn-outline):not([data-bordered=true]),input[type=button],input[type=submit],input[type=reset]{border-radius:var(--radius-md);transition:all .15s ease-in-out}button:hover:not(.btn-outline):not([data-bordered=true]),a.btn:hover:not(.btn-outline):not([data-bordered=true]),.btn:hover:not(.btn-outline):not([data-bordered=true]){transform:translateY(-1px)}button[style*="background: transparent"],button[style*="background: none"],button[style*="backgroundColor: 'transparent'"],button[style*="backgroundColor: 'none'"],button[style*="background-color: transparent"],button[style*="background-color: none"]{box-shadow:none!important}table{border-collapse:separate;border-spacing:0;width:100%}.table-container{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);background:var(--card-bg);overflow:hidden}th{color:var(--text-muted);background-color:var(--secondary)!important;border-bottom:1px solid var(--border)!important;letter-spacing:.02em!important;font-size:.78rem!important;font-weight:600!important}td{font-size:.88rem;font-weight:450;border-bottom:1px solid var(--border-subtle)!important}tr:last-child td{border-bottom:none!important}tr:hover td{background-color:#2563eb06!important}@keyframes slowFloatBounce{0%,to{transform:translateY(0);box-shadow:0 4px 14px #16a34a4d}50%{transform:translateY(-5px);box-shadow:0 10px 24px #16a34a80}}@keyframes slowFloatBounceAlert{0%,to{transform:translateY(0);box-shadow:0 4px 14px #dc262659}50%{transform:translateY(-5px);box-shadow:0 10px 24px #dc26268c}}.clock-btn-pulse-in{animation:2.4s ease-in-out infinite slowFloatBounce}.clock-btn-pulse-out{animation:2.2s ease-in-out infinite slowFloatBounceAlert}@keyframes modalSlideFadeIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.pretty-modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:9999;background-color:#0f172a99;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.pretty-modal-card{background-color:#fff;border:1px solid #e2e8f0f2;border-radius:24px;animation:.2s cubic-bezier(.16,1,.3,1) modalSlideFadeIn;overflow:hidden;box-shadow:0 25px 65px -12px #0f172a38,0 0 0 1px #0f172a0a,0 8px 30px -4px #2563eb14}.pretty-modal-close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.pretty-modal-close-btn:hover{color:#0f172a;background:#e2e8f0;transform:scale(1.05)}
