:root{--primary-blue:#17803d;--primary-blue-hover:#116332;--primary-blue-soft:#e8f7ee;--primary-blue-soft-hover:#d7f0e1;--primary-blue-light:#f1fbf4;--role-super-accent:#16a34a;--role-super-accent-hover:#166534;--role-super-soft:#dcfce7;--role-company-accent:#1f8f4a;--role-company-accent-hover:#166534;--role-company-soft:#e8f7ee;--text-dark:#133223;--text-muted:#476153;--border-color:#d5e5da;--bg-color:#f4faf5;--card-bg:#fffffff0;--input-bg:#fffffff5;--bg-image:url(/images/daymode.png);--surface-shadow:0 24px 60px #17803d24;--surface-elevated:#fffffff5;--chip-bg:#eef4ef;--chip-bg-strong:#dff1e4;--chip-text:#173626;--chip-text-muted:#3f5a49;--danger-soft-bg:#fff1f2;--danger-soft-text:#be123c;--warning-soft-bg:#fff6d6;--warning-soft-text:#8a4b08}.toast-viewport{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;width:min(400px,100vw - 32px);display:flex;position:fixed;top:20px;right:20px}.app-toast{background:var(--card-bg,#fff);color:var(--text-primary,#172033);pointer-events:auto;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:10px;padding:13px 14px;animation:.18s ease-out app-toast-in;display:flex;box-shadow:0 12px 30px #0f172a2e}.app-toast-success{color:#166534;background:#f0fdf4;border-color:#86efac}.app-toast-error{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.app-toast-warning{color:#92400e;background:#fffbeb;border-color:#fcd34d}.app-toast-info{color:#1e40af;background:#eff6ff;border-color:#93c5fd}.app-toast-icon{flex:none;margin-top:1px;display:inline-flex}.app-toast-message{flex:1;margin:0;font-size:13px;line-height:1.45}.app-toast-close{color:currentColor;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;margin:-3px -5px 0 0;padding:4px;display:inline-flex}.app-toast-close:hover{background:#0f172a14}@keyframes app-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dark .app-toast{background:#172033;box-shadow:0 12px 30px #00000059}.dark .app-toast-success{color:#bbf7d0;border-color:#166534}.dark .app-toast-error{color:#fecaca;border-color:#991b1b}.dark .app-toast-warning{color:#fde68a;border-color:#92400e}.dark .app-toast-info{color:#bfdbfe;border-color:#1e40af}.app-confirm-overlay{z-index:10001;background:#0f172a94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.app-confirm-modal{border:1px solid var(--border-color);background:var(--card-bg);width:min(460px,100%);color:var(--text-dark);border-radius:16px;gap:14px;padding:22px;display:flex;box-shadow:0 24px 70px #0f172a47}.app-confirm-icon{background:var(--warning-soft-bg);width:40px;height:40px;color:var(--warning-soft-text);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.app-confirm-icon-danger{background:var(--danger-soft-bg);color:var(--danger-soft-text)}.app-confirm-content{flex:1;min-width:0}.app-confirm-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-confirm-header h2{margin:0;font-size:17px;line-height:1.3}.app-confirm-content>p{color:var(--text-muted);margin:9px 0 18px;font-size:14px;line-height:1.5}.app-confirm-close{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px;display:inline-flex}.app-confirm-close:hover{background:var(--chip-bg);color:var(--text-dark)}.app-confirm-actions{justify-content:flex-end;gap:9px;display:flex}.app-confirm-actions button{cursor:pointer;border-radius:8px;min-height:36px;padding:8px 14px;font-size:13px;font-weight:600}.app-confirm-actions button:disabled{cursor:not-allowed;opacity:.6}.app-confirm-cancel{border:1px solid var(--border-color);color:var(--text-dark);background:0 0}.app-confirm-submit{border:1px solid var(--primary-blue);background:var(--primary-blue);color:#fff}.app-confirm-submit-danger{background:#be123c;border-color:#be123c}@media (max-width:640px){.toast-viewport{width:calc(100vw - 24px);top:12px;right:12px}}.dark{--primary-blue:#4fd17c;--primary-blue-hover:#72dfa4;--primary-blue-soft:#4fd17c2e;--primary-blue-soft-hover:#4fd17c42;--primary-blue-light:#4fd17c24;--role-super-accent:#4fd17c;--role-super-accent-hover:#31b763;--role-super-soft:#4fd17c29;--role-company-accent:#40c977;--role-company-accent-hover:#31b763;--role-company-soft:#4fd17c1f;--text-dark:#f4fff7;--text-muted:#d2e2d6;--border-color:#234233;--bg-color:#000;--card-bg:#050b12fa;--input-bg:#020617fa;--bg-image:url(/images/nightmode.png);--surface-shadow:0 24px 60px #0000005c;--surface-elevated:#050b12fa;--chip-bg:#050b12e6;--chip-bg-strong:#050b12f5;--chip-text:#f2fff6;--chip-text-muted:#d2e7d8;--danger-soft-bg:#7f1d1d4d;--danger-soft-text:#fecaca;--warning-soft-bg:#78350f57;--warning-soft-text:#fde68a}*{box-sizing:border-box;margin:0;padding:0}html,body{scrollbar-width:none;min-height:100%;overflow:hidden auto}body{color:var(--text-dark);background:var(--bg-color);min-height:100dvh;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}html::-webkit-scrollbar{width:0;height:0}body::-webkit-scrollbar{width:0;height:0}a{color:var(--primary-blue);font-weight:600;text-decoration:none;transition:color .2s}a:hover{color:var(--primary-blue-hover);text-decoration:underline}.auth-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#ffffffe0;justify-content:space-between;align-items:center;gap:12px;height:62px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.dark .auth-header{background:#0f172ae0;border-bottom-color:#47556980}.auth-header-logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.auth-header-logo-text{color:var(--text-dark);letter-spacing:-.01em;font-size:17px;font-weight:700}.auth-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.auth-theme-toggle{border:1px solid var(--border-color);background:var(--card-bg);width:38px;height:38px;color:var(--text-dark);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:all .18s;display:flex}.auth-theme-toggle:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.app-nav{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:3px;padding:4px;display:flex}.app-nav-tab{color:var(--text-muted);white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:6px 14px;font-size:.83rem;font-weight:600;text-decoration:none;transition:background .16s,color .16s;display:flex}.app-nav-tab:hover{background:var(--card-bg);color:var(--text-dark)}.app-nav-tab--active{background:var(--primary-blue);color:#fff}.app-nav-tab--active:hover{background:var(--primary-blue-hover);color:#fff}@media (max-width:768px){.app-nav{display:none}}.page-wrapper{background-image:var(--bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--bg-color);scrollbar-width:none;justify-content:center;align-items:center;width:100%;height:auto;min-height:100dvh;padding:64px 16px 20px;transition:background .3s;display:flex;position:relative;overflow:hidden auto}.page-wrapper::-webkit-scrollbar{width:0;height:0}.page-wrapper:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#5bba772e,#0000 32%),radial-gradient(circle at 100% 100%,#15803d33,#0000 30%),linear-gradient(#f4faf55c,#f4faf599);position:absolute;inset:0}.dark .page-wrapper:before{background:radial-gradient(circle at 0 0,#ffffff05,#0000 32%),radial-gradient(circle at 100% 100%,#ffffff05,#0000 30%),linear-gradient(#00000005,#0000000f)}.theme-toggle{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-dark);cursor:pointer;z-index:1;border-radius:999px;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:flex;position:absolute;top:24px;right:24px;box-shadow:0 12px 32px #17803d1f}.theme-toggle:hover{transform:scale(1.05);box-shadow:0 12px 36px #17803d2e}.login-card,.register-card{background:var(--card-bg);border:1px solid var(--border-color);width:100%;box-shadow:var(--surface-shadow);z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;flex-direction:column;align-items:center;display:flex;position:relative}.login-card{gap:8px;max-width:min(420px,100vw - 32px);min-height:0;padding:20px 20px 18px;box-shadow:0 28px 70px #17803d29,inset 0 1px #ffffff8c}.register-card{gap:8px;width:100%;max-width:none;margin-bottom:0;padding:20px 20px 18px}.logo-container{align-items:center;gap:12px;margin-bottom:8px;display:flex}.logo-icon,.logo-text{color:var(--primary-blue)}.logo-text{font-size:18px;font-weight:700}.heading{color:var(--text-dark);text-align:center;letter-spacing:.01em;margin-bottom:2px;font-size:24px;font-weight:800;line-height:1.2}.auth-intro{text-align:center;max-width:34ch;color:var(--text-muted);margin-bottom:14px;font-size:12px;line-height:1.55}.form{flex-direction:column;gap:10px;width:100%;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.label{color:var(--text-dark);letter-spacing:.01em;font-size:13px;font-weight:700}.input-wrapper{align-items:center;width:100%;display:flex;position:relative}.input{border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-dark);border-radius:14px;outline:none;padding:13px 14px;font-family:inherit;font-size:14px;transition:all .2s}.input:focus{border-color:var(--primary-blue);transform:translateY(-1px);box-shadow:0 0 0 4px #17803d1f,0 10px 24px #17803d14}.input::placeholder{color:#94a3b8}.password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:14px}.password-toggle:hover{color:var(--text-dark)}.form-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:2px;display:flex}.remember-me{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox{border:1px solid var(--border-color);cursor:pointer;width:16px;height:16px;accent-color:var(--primary-blue);border-radius:4px}.remember-label{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:13px;font-weight:500}.forgot-link{color:var(--primary-blue);font-size:13px;font-weight:700}.submit-btn{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:8px;padding:13px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 14px 30px #17803d2e}.submit-btn:hover:not(:disabled){background:var(--primary-blue-hover);transform:translateY(-1px);box-shadow:0 16px 34px #17803d38}.submit-btn:disabled,.secondary-btn:disabled,.inline-link-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.footer{color:var(--text-muted);text-align:center;margin-top:14px;font-size:12px;line-height:1.5}.footer a{margin-left:4px}[data-nextjs-toast],nextjs-portal{display:none!important}.register-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.register-header{text-align:center;z-index:1;flex-direction:column;align-items:center;margin-bottom:10px;display:flex;position:relative}.register-logo-box{background-color:var(--primary-blue);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:8px;display:flex}.register-title{color:var(--text-dark);margin-bottom:4px;font-size:24px;font-weight:800}.register-subtitle{color:var(--text-muted);font-size:14px}.email-otp-row,.otp-row{gap:8px;width:100%;display:flex}.otp-row .input-wrapper{flex:1}.otp-btn,.secondary-btn{background-color:var(--primary-blue-soft);color:var(--primary-blue-hover);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;border-radius:12px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s}.otp-btn:hover:not(:disabled),.secondary-btn:hover:not(:disabled){background-color:var(--primary-blue-soft-hover);color:var(--primary-blue)}.register-footer{color:var(--text-muted);font-size:14px}.register-footer a{color:var(--primary-blue);font-weight:600}.status-banner{border:1px solid #0000;border-radius:12px;width:100%;padding:12px 14px;font-size:14px;line-height:1.5}.status-banner+.status-banner{margin-top:12px}.status-info{color:#166534;background:#edf9f0;border-color:#b7e4c4}.status-success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.status-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.dark .status-info{color:#b9f6ca;background:#4fd17c29;border-color:#79e49859}.dark .status-success{color:#a7f3d0;background:#0478572e;border-color:#6ee7b759}.dark .status-error{color:#fecaca;background:#b91c1c2e;border-color:#fca5a559}.auth-stack{z-index:1;width:min(420px,100vw - 32px);max-width:min(420px,100vw - 32px);margin:0 auto;position:relative}.auth-intro{text-align:center;color:var(--text-muted);margin-bottom:18px;line-height:1.5}.auth-help{gap:12px;width:100%;margin-top:18px;display:grid}.helper-text{color:var(--text-muted);font-size:13px;line-height:1.5}.otp-meta{color:var(--role-super-accent-hover);margin-top:8px;font-size:13px}.inline-link-btn{color:var(--primary-blue);cursor:pointer;background:0 0;border:none;margin-left:8px;padding:0;font-weight:700;text-decoration:underline}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:480px){.page-wrapper{padding:56px 10px 12px}.login-card{border-radius:18px;min-height:auto;padding:22px 18px 18px}.heading{font-size:24px}.auth-intro{margin-bottom:12px;font-size:13px}.register-card{margin:0;padding:16px 14px}.form-actions,.otp-row{flex-direction:column;align-items:stretch}.remember-me{align-items:flex-start}}@media (pointer:fine){.helpdesk-shell .dash-header{flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;min-height:64px!important;padding:8px 20px!important;display:flex!important}.helpdesk-shell .dash-logo-nav{flex:none!important;align-items:center!important;width:auto!important;display:flex!important}.helpdesk-shell .dash-logo-image{flex:0 0 46px!important;width:46px!important;height:46px!important}.helpdesk-shell .dash-logo-text{white-space:nowrap!important;max-width:none!important;font-size:20px!important}.helpdesk-shell .app-nav{flex-wrap:nowrap!important;flex:none!important;display:flex!important}.helpdesk-shell .dash-header-right{flex-wrap:nowrap!important;flex:none!important;align-items:center!important;min-width:max-content!important;display:flex!important}.helpdesk-shell .profile-menu{position:relative!important}.helpdesk-shell .user-info{align-items:center!important;width:auto!important;min-width:180px!important;max-width:none!important;display:flex!important}.helpdesk-shell .user-details{flex-direction:column!important;display:flex!important}.helpdesk-shell .profile-dropdown{z-index:100!important;background:#fff!important;border:1px solid #dbe3ec!important;border-radius:12px!important;width:245px!important;display:block!important;position:absolute!important;top:calc(100% + 10px)!important;right:0!important;overflow:hidden!important;box-shadow:0 16px 34px #0f172a2e!important}.helpdesk-shell .profile-dropdown-head{align-items:center!important;gap:10px!important;padding:16px!important;display:flex!important}.helpdesk-shell .profile-dropdown-item{box-sizing:border-box!important;align-items:center!important;gap:12px!important;width:100%!important;padding:12px 16px!important;display:flex!important}.helpdesk-shell .dash-theme-toggle{background:#fff!important;border:1px solid #dbe3ec!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;padding:0!important;display:inline-flex!important;box-shadow:0 6px 14px #0f172a14!important}.helpdesk-shell .profile-trigger{color:#172b4d!important;font:inherit!important;cursor:pointer!important;background:#fff!important;border:1px solid #dbe3ec!important;border-radius:12px!important;align-items:center!important;gap:10px!important;padding:6px 10px!important;display:flex!important}.helpdesk-shell .profile-trigger .user-avatar{border-radius:50%!important;flex:0 0 34px!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;display:flex!important}.helpdesk-shell .profile-trigger .profile-chevron{flex:none!important;display:block!important}.helpdesk-shell,.helpdesk-shell button,.helpdesk-shell input,.helpdesk-shell textarea,.helpdesk-shell select,.helpdesk-shell a{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}.helpdesk-shell .profile-trigger .user-name{font-size:14px!important;font-weight:700!important;line-height:1.1!important}.helpdesk-shell .profile-trigger .user-role{font-size:11px!important;line-height:1.2!important}.helpdesk-shell .profile-dropdown-head strong{font-size:12px!important;font-weight:700!important}.helpdesk-shell .profile-dropdown-head span{font-size:10px!important}.helpdesk-shell .profile-dropdown-item{font-size:13px!important;font-weight:600!important;line-height:1.2!important}.helpdesk-shell .profile-logout{color:#b42336!important}}html:not(.dark) .dash-header{background-color:#fff!important}@media (pointer:fine){.helpdesk-shell .profile-dropdown-head>div:last-child{min-width:0!important}.helpdesk-shell .profile-dropdown-head strong,.helpdesk-shell .profile-dropdown-head span{text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important;overflow:hidden!important}.helpdesk-shell .profile-dropdown-head strong{margin:0!important;line-height:1.2!important}.helpdesk-shell .profile-dropdown-head span{margin-top:3px!important;line-height:1.2!important}}