@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@300;400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f7fc;--bg-white:#fff;--bg-soft:#eef2ff;--blue:#1a46c4;--blue-mid:#2563eb;--blue-bright:#3b82f6;--blue-light:#eff6ff;--blue-pale:#dbeafe;--text:#111827;--text-mid:#1f2937;--text-muted:#6b7280;--text-light:#9ca3af;--border:#e5e7eb;--border-mid:#d1d5db;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000a;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 48px #0000001a;--shadow-blue:0 8px 30px #2563eb38;--font-h:"Plus Jakarta Sans", sans-serif;--font-b:"Inter", sans-serif;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px}[data-theme=dark]{--bg:#0a0f1e;--bg-white:#161e2e;--bg-soft:#1e293b;--text:#fff;--text-mid:#f1f5f9;--text-muted:#e2e8f0;--text-light:#94a3b8;--border:#1e293b;--border-mid:#334155;--blue-mid:#38bdf8;--blue-bright:#7dd3fc;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 20px #0009;--shadow-lg:0 12px 48px #000000b3;--blue-light:#38bdf826;--blue-pale:#38bdf84d}[data-theme=dark] .h1-underline:after{opacity:.8;height:3px;bottom:0}[data-theme=dark] .nav-links a{color:#fff!important}[data-theme=dark] body{background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:24px 24px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-mid);border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-b);font-size:16px;line-height:1.7;overflow-x:hidden}a{text-decoration:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.6)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.fade-in{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(22px)}.fade-in.visible{opacity:1;transform:none}section{padding:96px 5%}@media (width<=768px){section{padding:64px 20px}}.bg-white{background:var(--bg-white)}.bg-soft{background:var(--bg-soft)}.section-tag{color:var(--blue-mid);letter-spacing:.1em;text-transform:uppercase;background:var(--blue-light);border:1px solid var(--blue-pale);border-radius:100px;align-items:center;gap:6px;margin-bottom:1rem;padding:.3rem 1rem;font-size:.77rem;font-weight:700;display:inline-flex}.section-title{font-family:var(--font-h);letter-spacing:-.03em;color:var(--text);margin-bottom:1rem;font-size:clamp(1.9rem,3.5vw,2.9rem);font-weight:800;line-height:1.12}.section-sub{color:var(--text-muted);max-width:520px;font-size:1.05rem;line-height:1.85}.section-head{margin-bottom:3.5rem}.section-head.center{text-align:center}.section-head.center .section-sub{margin:0 auto}.btn-primary{background:var(--blue-mid);color:#fff;font-weight:700;font-family:var(--font-h);box-shadow:var(--shadow-blue);border-radius:100px;padding:.9rem 2.2rem;font-size:.95rem;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;display:inline-block}.btn-primary:hover{background:var(--blue);transform:translateY(-2px);box-shadow:0 12px 36px #2563eb59}.btn-ghost{background:var(--bg-white);color:var(--text-mid);border:1.5px solid var(--border-mid);box-shadow:var(--shadow-sm);border-radius:100px;padding:.9rem 2.2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-ghost:hover{border-color:var(--blue-mid);color:var(--blue-mid);box-shadow:var(--shadow-md)}.btn-white{color:var(--blue);font-weight:700;font-family:var(--font-h);background:#fff;border-radius:100px;padding:.9rem 2.2rem;font-size:.95rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 4px 20px #00000026}.btn-white:hover{transform:translateY(-2px);box-shadow:0 10px 32px #00000038}.btn-outline-white{color:#fff;background:0 0;border:2px solid #ffffff80;border-radius:100px;padding:.9rem 2.2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-block}.btn-outline-white:hover{background:#ffffff1f;border-color:#fff}@media (width<=480px){.btn-primary,.btn-ghost,.btn-white,.btn-outline-white{text-align:center;width:100%;padding:.8rem 1.5rem}}.scroll-top{z-index:100;background:var(--blue-mid);color:#fff;width:45px;height:45px;box-shadow:var(--shadow-md);cursor:pointer;opacity:0;visibility:hidden;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(15px)}@media (width<=768px){.scroll-top{width:40px;height:40px;bottom:20px;right:20px}}.scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top:hover{background:var(--blue);transform:translateY(-3px)scale(1.05)}.page-wrapper{padding-top:68px}.prose-block{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--r-xl);max-width:860px;box-shadow:var(--shadow-md);margin:60px auto;padding:64px 8%}@media (width<=768px){.prose-block{border-radius:var(--r-lg);margin:30px 20px;padding:40px 20px}}.prose-block h1{font-family:var(--font-h);color:var(--text);letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(2.2rem,4.5vw,3.2rem);font-weight:800}.prose-block .meta{color:var(--text-muted);margin-bottom:2.8rem;font-size:.92rem;font-weight:500}.prose-block h2{font-family:var(--font-h);color:var(--text);margin:2.8rem 0 1rem;font-size:1.45rem;font-weight:700}.prose-block p,.prose-block li{color:var(--text-mid);margin-bottom:1.2rem;font-size:1rem;line-height:1.95}.prose-block ul{margin-bottom:1.5rem;padding-left:1.6rem}.prose-block a{color:var(--blue-mid);text-underline-offset:4px;font-weight:600;text-decoration:underline}.prose-block a:hover{color:var(--blue-bright)}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:5%;transition:background .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.login-page.employee-mode{background:radial-gradient(circle at 10% 20%, #2563eb08 0%, transparent 40%), var(--bg)}.login-page.admin-mode{background:radial-gradient(circle at 10% 20%, #7c3aed0a 0%, transparent 40%), var(--bg)}.login-card{background:var(--bg-white);border-radius:var(--r-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid var(--border);z-index:2;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.admin-mode .login-card{border-color:#7c3aed33;box-shadow:0 20px 50px #7c3aed14}.admin-mode .login-header h1{color:var(--text)}.admin-mode .login-header .login-sub,.admin-mode .login-group label{color:var(--text-muted)}.admin-mode .input-wrap input{border-color:var(--border);color:var(--text);background:#ffffff08}.admin-mode .input-wrap input:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1a}.admin-mode .input-icon{filter:drop-shadow(0 0 5px #7c3aed4d)}.login-header{text-align:center;margin-bottom:2rem;position:relative}.login-animation{background:var(--blue-light);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;box-shadow:0 8px 24px #2563eb1a}.admin-mode .login-animation{background:#7c3aed1a;box-shadow:0 8px 24px #7c3aed26}.lock-gif{width:48px;height:48px}.login-header h1{font-family:var(--font-h);color:var(--text);font-size:1.5rem;font-weight:800}.login-header .login-sub{color:var(--text-muted);margin-top:4px;margin-bottom:0;font-size:.85rem}.login-tabs{background:var(--bg-soft);border-radius:100px;margin-bottom:1.8rem;padding:4px;transition:background .3s;display:flex}.admin-mode .login-tabs{background:#f5f3ff}.login-tabs button{font-family:var(--font-h);cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:100px;flex:1;padding:.6rem;font-size:.88rem;font-weight:700;transition:all .3s}.admin-mode .login-tabs button{color:#64748b}.login-tabs button.active{background:var(--bg-white);color:var(--blue-mid);box-shadow:var(--shadow-sm)}.admin-mode .login-tabs button.active{color:#7c3aed;background:#fff;box-shadow:0 4px 12px #7c3aed33}.login-group{margin-bottom:1.5rem}.login-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem;font-size:.8rem;font-weight:700;display:block}.input-wrap{align-items:center;display:flex;position:relative}.input-icon{opacity:1;z-index:1;pointer-events:none;filter:drop-shadow(0 0 5px var(--blue-mid));font-size:1.1rem;position:absolute;left:1rem}.input-wrap input{border:1.5px solid var(--border);width:100%;font-family:var(--font-b);color:var(--text);background:#ffffff08;border-radius:12px;outline:none;padding:.9rem 1rem .9rem 2.8rem;font-size:.95rem;transition:all .2s}.input-wrap input:focus{border-color:var(--blue-mid);box-shadow:0 0 0 4px var(--blue-light);background:#ffffff0f}.pass-toggle{cursor:pointer;opacity:.6;background:0 0;border:none;padding:.2rem;font-size:1.1rem;transition:opacity .2s;position:absolute;right:.75rem}.pass-toggle:hover{opacity:1}.login-btn{background:var(--blue-mid);color:#fff;width:100%;font-family:var(--font-h);cursor:pointer;box-shadow:var(--shadow-blue);border:none;border-radius:100px;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s}.login-btn:hover:not(:disabled){background:var(--blue);transform:translateY(-1px)}.admin-mode .login-btn{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);box-shadow:0 8px 25px #7c3aed40}.admin-mode .login-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);box-shadow:0 12px 30px #7c3aed66}.login-btn:disabled{background:var(--border-mid);opacity:.7;cursor:not-allowed}.login-footer{border-top:1px solid var(--border);text-align:center;margin-top:2rem;padding-top:1.5rem;transition:border-color .3s}.admin-mode .login-footer{border-top-color:#7c3aed1a}.login-footer p{color:#10b981;margin-bottom:4px;font-size:.75rem;font-weight:700}.login-footer span{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.admin-mode .login-footer span{color:var(--text-light)}.login-home-link{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1rem}.btn-home-back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:600;transition:all .2s}.btn-home-back:hover{color:var(--blue-mid);transform:translate(-4px)}.login-error{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:1.5rem;padding:.75rem;font-size:.85rem;font-weight:600}[data-theme=dark] .login-card{background:#1e293b;border-color:#334155}[data-theme=dark] .login-header h1{color:#f8fafc}[data-theme=dark] .login-tabs{background:#0f172a}[data-theme=dark] .login-tabs button.active{color:var(--blue-mid);background:#1e293b}[data-theme=dark] .admin-mode .login-tabs button.active{color:#7c3aed;background:#fff}[data-theme=dark] .input-wrap input{color:#f8fafc;background:#0f172a66;border-color:#334155}[data-theme=dark] .login-group label{color:#94a3b8}[data-theme=dark] .login-footer{border-top-color:#334155}[data-theme=dark] .login-footer span{color:#64748b}[data-theme=dark] .btn-home-back{color:#94a3b8}[data-theme=dark] .btn-home-back:hover{color:#fff}