:root{--bg:#050f1d;--bg-soft:#07182b;--card:#081b31;--card-2:#0b243f;--primary:#198cff;--primary-hover:#2d8cff;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--info:#38bdf8;--text:#fff;--muted:#8ecbff;--border:#50a0ff40;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--shadow:0 18px 55px #00000047;--transition:.18s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(35px)}to{opacity:1;transform:translate(0)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#03101e}::-webkit-scrollbar-thumb{background:#1d4f7a;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#2d8cff}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0}html{background:var(--bg)}body{background:var(--bg);color:#fff;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}button,input,select,textarea{min-width:0;font:inherit}button,label[for]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2dd4bf6b}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}img,svg,video,canvas{max-width:100%}::selection{color:#fff;background:#2dd4bf4d}:root{--piscis-bg:#050f1d;--piscis-bg-soft:#071423;--piscis-panel:#0c1625;--piscis-card:#0f2844eb;--piscis-primary:#2dd4bf;--piscis-primary-2:#38bdf8;--piscis-danger:#ef4444;--piscis-success:#22c55e;--piscis-warning:#f59e0b;--piscis-text:#f8fafc;--piscis-muted:#94a3b8;--piscis-dark:#00111f;--piscis-radius-sm:12px;--piscis-radius-md:16px;--piscis-radius-lg:22px;--piscis-radius-pill:999px;--piscis-shadow:0 18px 42px #00000038;--piscis-border:1px solid #2dd4bf2e}.piscis-button{border-radius:var(--piscis-radius-md);background:linear-gradient(135deg, var(--piscis-primary), var(--piscis-primary-2));min-height:46px;color:var(--piscis-dark);cursor:pointer;border:0;padding:0 18px;font-weight:900;box-shadow:0 14px 32px #2dd4bf2e}.piscis-button.secondary{color:var(--piscis-text);border:var(--piscis-border);box-shadow:none;background:#ffffff14}.piscis-button.danger{color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c)}.piscis-button.success{color:var(--piscis-dark);background:linear-gradient(135deg,#22c55e,#14b8a6)}.piscis-card{border-radius:var(--piscis-radius-lg);border:var(--piscis-border);box-shadow:var(--piscis-shadow);background:radial-gradient(circle at 100%,#2dd4bf1f,#0000 36%),linear-gradient(135deg,#0c1625fa,#050b16fa)}.piscis-input,.piscis-select,.piscis-textarea{border-radius:var(--piscis-radius-md);border:var(--piscis-border);width:100%;min-height:50px;color:var(--piscis-text);background:#020b17e6;outline:none;padding:0 16px;font-weight:800}.piscis-textarea{resize:vertical;min-height:120px;padding:14px 16px}.piscis-badge{border-radius:var(--piscis-radius-pill);color:var(--piscis-primary);background:#2dd4bf24;justify-content:center;align-items:center;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}.piscis-empty{text-align:center;color:var(--piscis-muted);padding:28px}@media (width<=900px){.piscis-button{border-radius:14px;min-height:44px;padding:0 14px;font-size:14px}.piscis-card{border-radius:20px}body{overflow-x:hidden}h1{font-size:30px}h2{font-size:22px}input,select,textarea,button{font-size:16px}}.login-page{background:radial-gradient(circle at top,#2d8cff38,#0000 34%),linear-gradient(135deg,#020b14,#071a2f);place-items:center;min-height:100dvh;padding:20px;display:grid;overflow-x:hidden}.login-card{text-align:center;background:#081628f0;border:1px solid #50a0ff47;border-radius:28px;width:min(390px,100%);padding:34px;box-shadow:0 28px 90px #00000080}.login-logo{object-fit:cover;border-radius:50%;width:125px;height:125px;margin-bottom:18px;box-shadow:0 0 45px #2d8cff40}.login-card h1{margin-bottom:6px;font-size:34px}.login-card p{color:#8ecbff;margin-bottom:24px}.login-card input{color:#fff;background:#07182b;border:1px solid #24517d;border-radius:14px;outline:none;width:100%;margin-bottom:13px;padding:15px 16px;font-size:16px}.login-card input:focus{border-color:#2d8cff}.remember-row{color:#8ecbff;text-align:left;justify-content:flex-start;align-items:center;gap:10px;width:100%;margin:2px 0 16px;font-size:14px;display:flex}.remember-row input{width:auto;margin:0}.remember-row span{display:inline-block}.login-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#198cff,#0b66ff);border:0;border-radius:14px;width:100%;min-height:48px;padding:12px 15px;font-weight:800}.login-card .forgot{color:#8ecbff;background:0 0;margin-top:12px}@media (width<=480px){.login-page{padding:14px}.login-card{border-radius:22px;padding:26px 20px}.login-logo{width:104px;height:104px}.login-card h1{font-size:30px}}.sidebar{color:#fff;z-index:50;background:linear-gradient(#062135 0%,#020b17 100%);border-right:1px solid #2dd4bf40;flex-direction:column;gap:22px;width:290px;min-width:290px;height:100dvh;padding:26px 18px;display:flex;position:sticky;top:0}.brand{text-align:center;flex-direction:column;align-items:center;gap:13px;display:flex}.brand-logo-wrap{background:0 0;border:0;place-items:center;width:172px;height:172px;display:grid;overflow:visible}.brand-logo-wrap img{object-fit:contain;filter:brightness(1.35)contrast(1.12)saturate(0)drop-shadow(0 0 3px #ffffffeb)drop-shadow(0 0 10px #7dd3fc70);width:168px;height:168px}.brand h2{letter-spacing:12px;text-shadow:0 0 10px #ffffff47;margin:-8px 0 0;font-size:34px;font-weight:900}.brand span{color:#5eead4;text-transform:uppercase;letter-spacing:3px;background:#14b8a638;border-radius:999px;padding:8px 18px;font-size:12px;font-weight:900}.user-card{background:#0f2844e6;border:1px solid #2dd4bf40;border-radius:18px;padding:18px}.user-card-compact{flex-direction:column;gap:10px;display:flex}.user-card strong{font-size:19px;font-weight:950;line-height:1.2;display:block}.user-card em{color:#2dd4bf;background:#14b8a638;border-radius:999px;width:fit-content;padding:6px 12px;font-size:12px;font-style:normal;font-weight:900}.user-avatar,.user-main,.mobile-user-name,.sidebar-nav-icon{display:none}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.sidebar-nav button,.logout-button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:18px;width:100%;padding:17px 18px;font-size:16px;font-weight:900}.sidebar-nav button:hover{background:#2dd4bf1f}.sidebar-nav button.active{color:#00111f;background:linear-gradient(135deg,#2dd4bf,#38bdf8);box-shadow:0 18px 40px #2dd4bf47}.sidebar-footer{margin-top:auto}.logout-button{text-align:center;background:linear-gradient(135deg,#ef4444,#b91c1c)}.mobile-topbar,.mobile-close-button,.mobile-sidebar-backdrop{display:none}@media (width<=900px){.mobile-topbar{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;background:#020b17f5;border-bottom:1px solid #2dd4bf38;align-items:center;gap:12px;height:68px;padding:0 14px;display:flex;position:fixed;inset:0 0 auto}.mobile-topbar-logo{background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid;overflow:visible}.mobile-topbar-logo img{object-fit:contain;filter:brightness(1.35)contrast(1.12)saturate(0)drop-shadow(0 0 4px #ffffffa6);width:48px;height:48px}.mobile-topbar-text{flex:1;min-width:0}.mobile-topbar strong{font-size:18px;line-height:1.1;display:block}.mobile-topbar span{color:#2dd4bf;margin-top:3px;font-size:12px;font-weight:900;display:block}.mobile-menu-button{color:#00111f;background:linear-gradient(135deg,#2dd4bf,#38bdf8);border:0;border-radius:15px;width:44px;height:44px;font-size:22px;font-weight:900}.sidebar{z-index:110;gap:16px;width:86vw;min-width:0;max-width:330px;height:100dvh;padding:18px;transition:transform .22s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-110%)}.sidebar.mobile-open{transform:translate(0)}.mobile-sidebar-backdrop{z-index:100;background:#0000009e;border:0;display:block;position:fixed;inset:0}.mobile-close-button{color:#fecaca;background:#ef444438;border:0;border-radius:15px;place-items:center;width:42px;height:42px;font-size:28px;font-weight:900;display:grid;position:absolute;top:14px;right:14px}.brand{gap:10px;padding-top:8px}.brand-logo-wrap{width:132px;height:132px}.brand-logo-wrap img{width:128px;height:128px}.brand h2{letter-spacing:9px;margin-top:-6px;font-size:28px}.brand span{letter-spacing:3px;padding:7px 16px;font-size:11px}.user-card{border-radius:20px;padding:16px}.user-card strong{font-size:18px}.user-card em{padding:6px 10px;font-size:11px}.sidebar-nav{gap:8px}.sidebar-nav button,.logout-button{border-radius:17px;align-items:center;gap:12px;min-height:54px;padding:0 14px;font-size:16px;display:flex}.sidebar-nav-icon{justify-content:center;width:28px;font-size:18px;display:inline-flex}.logout-button{justify-content:center}}.app-layout{color:#fff;background:#050f1d;width:100%;min-width:0;min-height:100dvh;display:flex;overflow:hidden}.app-content{overscroll-behavior:contain;flex:1;min-width:0;height:100dvh;padding:0;overflow:hidden auto}@media (width<=900px){.app-layout{display:block;overflow:visible}.app-content{width:100%;height:auto;min-height:100dvh;padding-top:68px;overflow:visible}}