:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18202d;background:#f4f7fb;font-synthesis:none;--blue:#3048a7;--blue2:#21409a;--lime:#a6dd18;--ink:#18202d;--muted:#6b7280;--line:#e5e7eb;--card:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.login-shell{min-height:100vh;background:linear-gradient(145deg,#f7f9ff,#eef3fb)}.login-shell-centered{min-height:100svh;display:grid;place-items:center;padding:32px 20px}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 22px 70px #1d294f1f}.login-card-centered{width:min(430px,calc(100vw - 40px));padding:34px 34px 32px;margin:auto}.login-logo-centered{display:block;width:min(300px,86%);height:auto;object-fit:contain;margin:0 auto 24px}.login-form{width:100%}.login-warning{background:#fff8e7;border:1px solid #f5d783;border-radius:12px;padding:12px 14px;margin:0 0 10px;color:#5f4b00}.field{display:flex;flex-direction:column;gap:7px;margin-top:18px}.field label{font-size:13px;font-weight:700;color:#344054}.field input,.field select,.field textarea{border:1px solid #d8dee9;border-radius:10px;padding:12px 13px;background:#fff;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3048a71a}.password-wrap{position:relative}.password-wrap input{width:100%;padding-right:48px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:#64748b;border-radius:8px;padding:7px}.password-toggle:hover{background:#f1f5f9;color:var(--blue2)}.password-toggle svg{width:20px;height:20px}.forgot-password{display:block;margin:12px 0 0 auto;padding:0;border:0;background:transparent;color:var(--blue2);font-size:13px;font-weight:700}.forgot-password:hover{text-decoration:underline}.btn{border:0;border-radius:10px;padding:11px 16px;font-weight:700}.btn-primary{background:var(--blue2);color:#fff}.btn-primary:hover{filter:brightness(.95)}.btn-secondary{background:#eef2ff;color:var(--blue2)}.btn-ghost{background:#fff;border:1px solid var(--line);color:#344054}.btn-danger{background:#fff1f2;color:#be123c}.btn-block{width:100%;margin-top:22px}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:20px 16px;display:flex;flex-direction:column}.sidebar-logo{display:block;width:205px;max-width:100%;height:auto;object-fit:contain;margin:4px auto 26px}.nav{display:flex;flex-direction:column;gap:6px}.nav button{display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#4b5563;padding:11px 12px;border-radius:10px;text-align:left;font-weight:650}.nav button.active,.nav button:hover{background:#eef2ff;color:var(--blue2)}.nav svg{width:18px;height:18px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:16px}.user-box{font-size:13px;color:#4b5563;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis}.main{min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.topbar h2{margin:0;font-size:20px}.top-actions{display:flex;gap:10px}.content{padding:28px;max-width:1500px;margin:0 auto}.grid-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.stat-card .label{font-size:13px;color:var(--muted);font-weight:700}.stat-card .value{font-size:30px;font-weight:800;margin-top:8px;color:#111827}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:18px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.card h3{margin:0;font-size:18px}.dropzone{border:2px dashed #b8c2dd;border-radius:18px;padding:42px 26px;text-align:center;background:#f9fbff;transition:.2s}.dropzone.drag{border-color:var(--blue);background:#eef2ff;transform:translateY(-1px)}.drop-icon{width:58px;height:58px;border-radius:16px;background:#e9efff;color:var(--blue2);display:grid;place-items:center;margin:0 auto 14px}.drop-icon svg{width:28px}.dropzone h3{font-size:20px;margin:0 0 6px}.dropzone p{color:var(--muted);margin:0 0 16px}.file-note{font-size:12px;color:#7c8492;margin-top:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.table{width:100%;border-collapse:collapse;min-width:850px}.table th,.table td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.table th{background:#f8fafc;color:#475467;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.table tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#eef2ff;color:var(--blue2);font-weight:700;font-size:11px}.badge.green{background:#eefbe4;color:#4a6f00}.badge.gray{background:#f3f4f6;color:#4b5563}.searchbar{display:flex;gap:10px}.searchbar input{flex:1;border:1px solid var(--line);border-radius:10px;padding:11px 13px}.empty{padding:38px;text-align:center;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#11182785;display:grid;place-items:center;z-index:40;padding:20px}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 80px #00000040}.modal-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0}.modal-body{padding:22px}.modal-foot{padding:16px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.confidence{height:8px;border-radius:99px;background:#e5e7eb;overflow:hidden}.confidence span{display:block;height:100%;background:var(--lime)}.toast{position:fixed;right:22px;bottom:22px;background:#111827;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 12px 30px #00000038;z-index:60;max-width:420px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setup-item{border:1px solid var(--line);border-radius:14px;padding:16px}.setup-item strong{display:block;margin-bottom:6px}.code{background:#111827;color:#e5e7eb;padding:12px;border-radius:9px;font-family:ui-monospace,Menlo,monospace;font-size:12px;overflow:auto;white-space:pre-wrap}@media(max-width:1050px){.grid-cards{grid-template-columns:repeat(2,1fr)}.setup-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:82px 1fr}.sidebar-logo{width:55px;object-fit:cover;object-position:left}.nav button span,.sidebar-bottom .user-box{display:none}.nav button{justify-content:center}.sidebar{padding:18px 10px}}@media(max-width:680px){.content{padding:16px}.topbar{padding:0 16px}.grid-cards{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.app-shell{display:block}.sidebar{position:fixed;bottom:0;top:auto;width:100%;height:64px;z-index:20;border-right:0;border-top:1px solid var(--line);padding:6px;background:#fff}.sidebar-logo,.sidebar-bottom{display:none}.nav{height:100%;flex-direction:row;justify-content:space-around}.nav button{padding:9px}.main{padding-bottom:70px}.topbar{position:sticky}.dropzone{padding:30px 16px}}.first-access-note{background:#eefbe4;border:1px solid #d4efb2;border-radius:12px;padding:12px 14px;margin:0 0 8px;color:#365a00}.users-error{padding:18px;border:1px solid #f2c6c6;background:#fff7f7;border-radius:12px;color:#8b1e1e}.user-modal{width:min(560px,100%)}.visitor-note{margin-top:18px;padding:13px 14px;border-radius:12px;background:#f8fafc;border:1px solid var(--line);color:#475467;font-size:13px;line-height:1.5}.primary-password-box{margin-top:18px;padding:14px;border:1px solid #b7c7ef;background:#f4f7ff;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:14px}.primary-password-box strong{display:block;margin-top:4px;font-size:18px;letter-spacing:.04em;color:var(--blue2)}.invite-success{margin-top:10px;color:#4a6f00;font-size:13px;font-weight:700}.users-table{min-width:860px}.users-table th:last-child,.users-table td:last-child{width:72px;min-width:72px;max-width:72px;text-align:center}.user-actions-cell{position:relative;text-align:center!important}.actionmenu{position:relative;display:inline-flex;justify-content:center;align-items:center}.actionmenu .action-trigger{appearance:none;width:32px;height:32px;border:1px solid #d8dee9;border-radius:8px;background:#fff;color:#344054;display:flex;align-items:center;justify-content:center;padding:0 0 4px;font-size:24px;font-weight:700;line-height:1;cursor:pointer}.actionmenu .action-trigger:hover,.actionmenu.open .action-trigger{background:#f5f7fb;border-color:#b8c3d6;color:var(--blue2)}.actionmenu .menu{display:none;position:absolute;right:0;top:38px;min-width:220px;background:#fff;border:1px solid #dfe4ec;border-radius:10px;box-shadow:0 14px 38px #1018282e;padding:6px;z-index:80;text-align:left}.actionmenu.open .menu{display:block}.actionmenu .menu button{appearance:none;width:100%;border:0;background:#fff;border-radius:7px;padding:10px 11px;display:flex;align-items:center;gap:9px;color:#344054;font-size:13px;font-weight:700;cursor:pointer;text-align:left;white-space:nowrap}.actionmenu .menu button:hover{background:#f5f7fb}.actionmenu .menu button svg{width:17px;height:17px;flex:0 0 17px}.actionmenu .menu button.danger{color:#d92d20;border-top:1px solid #eceff3;border-radius:0 0 7px 7px;margin-top:4px;padding-top:11px}.actionmenu .menu button.danger:hover{background:#fff1f0}.users-table-wrap{overflow:visible}.grid-pager{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 2px 0}.pager-info{font-size:12px;color:#667085}.pager-controls{display:flex;align-items:center;gap:6px}.pager-nav,.pager-page{height:34px;min-width:34px;border:1px solid #d8dee9;background:#fff;color:#344054;border-radius:8px;padding:0 10px;font-size:12px;font-weight:700}.pager-page{padding:0 8px}.pager-page.active{background:var(--blue2);border-color:var(--blue2);color:#fff}.pager-nav:hover:not(:disabled),.pager-page:hover:not(.active){background:#f5f7fb;border-color:#bcc8df}.pager-nav:disabled{opacity:.45;cursor:not-allowed}.pager-gap{color:#98a2b3;padding:0 2px}@media(max-width:680px){.grid-pager{align-items:flex-start;flex-direction:column}.pager-controls{width:100%;overflow:auto;padding-bottom:2px}}.tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tutorial-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.tutorial-video-frame{aspect-ratio:16/9;background:#101828}.tutorial-video-frame iframe,.tutorial-video-frame video{width:100%;height:100%;display:block;border:0;object-fit:contain}.tutorial-link-card{aspect-ratio:16/9;background:#f7f9fc;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--blue2)}.tutorial-link-card svg{width:30px;height:30px}.tutorial-link-card a{color:var(--blue2);font-weight:800;text-decoration:none}.tutorial-card-body{padding:15px}.tutorial-card-body h4{margin:0 0 7px;font-size:15px}.tutorial-card-body p{margin:0;color:#667085;font-size:13px;line-height:1.5}.tutorial-delete{margin-top:12px;border:0;background:transparent;color:#d92d20;font-weight:700;font-size:12px;display:flex;align-items:center;gap:6px;padding:0}.tutorial-delete svg{width:15px;height:15px}.tutorial-empty{padding:56px 20px;text-align:center;color:#667085}.tutorial-empty svg{width:48px;height:48px;color:#9aa8c6}.tutorial-empty h3{margin:12px 0 6px;color:#344054}.tutorial-empty p{margin:0 auto;max-width:560px;line-height:1.5}@media(max-width:1050px){.tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.tutorial-grid{grid-template-columns:1fr}}.tutorial-video-loading,.tutorial-video-error{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#d0d5dd;text-align:center;padding:20px}.tutorial-video-loading svg{width:42px;height:42px}.tutorial-video-error{color:#fda29b;font-size:13px}.tutorial-video-error span{font-size:11px;color:#d0d5dd}.tutorial-upload-progress{margin-top:18px;border:1px solid #d8dee9;background:#f8fafc;border-radius:12px;padding:13px 14px}.tutorial-progress-head{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#475467;margin-bottom:9px}.tutorial-progress-head strong{color:var(--blue2)}.tutorial-progress-track{height:9px;background:#e4e7ec;border-radius:999px;overflow:hidden}.tutorial-progress-track span{display:block;height:100%;width:0;background:var(--blue2);transition:width .15s ease}