:root{font-family:Arial,"Segoe UI",sans-serif;color:#183d50;background:#f3f6f8;--ink:#153f52;--muted:#607582;--orange:#ed812c;--line:#dce5e9;--blue:#0d657a}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a{color:var(--ink);text-underline-offset:4px}button{border:1px solid #cbd9df;border-radius:10px;background:white;color:var(--ink);padding:11px 18px;cursor:pointer;min-height:46px;font-weight:600}button:hover{background:#eef5f7}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--ink);border-color:var(--ink);color:white}.primary:hover{background:#225b72}.plain{border-color:transparent;background:transparent}input,select{width:100%;padding:13px 14px;border-radius:9px;background:white;border:1px solid #bfcfd7;color:#173b4e;min-height:48px;outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0d657a1c}button:focus-visible,a:focus-visible{outline:3px solid #ed812c;outline-offset:3px}label{display:block;font-weight:600;margin-bottom:8px}label input,label select{margin-top:9px}input+label,.password-field+label{margin-top:22px}small{display:block;color:var(--muted);font-size:13px;line-height:1.6;font-weight:normal;margin-top:7px}.full{width:100%}.preview{background:#fff0cf;color:#63440a;padding:9px 16px;text-align:center;font-size:13px;border-bottom:1px solid #e8d298}.brand{width:174px;height:auto;object-fit:contain;image-rendering:auto}.brand.small{width:125px}.login-layout{min-height:100svh;display:grid;grid-template-columns:42% 58%;background:white}.brand-panel{background:var(--ink);color:white;display:flex;flex-direction:column;align-items:flex-start;padding:12vh 4vw;position:relative;overflow:hidden}.brand-panel:after{content:"";width:360px;height:360px;border:1px solid #ffffff16;position:absolute;border-radius:50%;bottom:-170px;left:-90px;box-shadow:0 0 0 48px #ffffff06,0 0 0 96px #ffffff03}.brand-panel .brand{background:#fff;padding:14px;border-radius:9px;width:205px}.slogan{font-size:clamp(28px,3.6vw,53px);font-weight:700;line-height:1.5;margin-top:65px;letter-spacing:-1px}.brand-bottom{margin-top:auto;opacity:.65;padding-top:64px}.login-panel{display:flex;align-items:center;justify-content:center;padding:50px 28px}.login-content{width:min(100%,380px)}.eyebrow{color:var(--blue);font-size:13px;letter-spacing:.2px;font-weight:700}h1{font-size:32px;line-height:1.3;margin:12px 0 8px;letter-spacing:-.6px}h2{font-size:19px;margin:0}.intro{color:var(--muted);font-size:16px;line-height:1.7;margin:0 0 28px}.login-content form{margin-top:32px}.password-field{position:relative;display:flex;margin-top:9px}.password-field input{padding-left:76px;margin:0}.password-field button{position:absolute;left:4px;top:4px;min-height:40px;padding:6px 10px;border:0;font-size:13px;background:transparent;color:var(--blue)}.help{font-size:13px;color:var(--muted);line-height:1.7;text-align:center;margin-top:25px}[role=status]{font-size:14px;line-height:1.65;min-height:23px;color:var(--blue);margin:16px 0}.error{color:#ad2f2f!important}.topbar{min-height:82px;padding:17px max(24px,calc((100vw - 1200px)/2));background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar nav{display:flex;gap:22px;align-items:center;font-size:14px}.workspace{max-width:1250px;margin:auto;padding:40px 26px 50px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-heading .intro{margin-bottom:0}.page-heading h1{margin-top:8px}.panel{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 4px 18px #193f5004}.panel-heading{padding:24px 26px;display:flex;justify-content:space-between;gap:12px;align-items:center}.count{font-size:13px;color:var(--muted);background:#eff4f6;border-radius:20px;padding:7px 13px}.owner-note{background:#edf6f8;color:#396070;line-height:1.7;padding:13px 18px;font-size:14px;margin:0 26px 20px;border-radius:8px}.owner-note:empty{display:none}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:right;font-size:14px;white-space:nowrap}th{font-size:12px;color:#657c89;font-weight:normal;padding:13px 26px;background:#f8fafb;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:17px 26px;border-bottom:1px solid #edf1f3}tbody tr:last-child td{border-bottom:0}td:first-child{font-weight:600}td button{padding:5px 17px;min-height:37px;font-size:13px}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}.role-grid article{padding:22px;border:1px solid var(--line);border-radius:13px;background:#ffffff80}.role-grid h2{font-size:16px;margin-top:14px}.role-grid p{color:var(--muted);line-height:1.7;font-size:13px;margin-bottom:0}.role-icon{font-size:12px;font-weight:700;color:var(--blue);border-bottom:2px solid var(--orange);padding-bottom:6px}.password-main{max-width:520px;margin:42px auto;padding:0 20px}.password-card{padding:30px}.password-card form label:not(:first-child){margin-top:22px}dialog{padding:0;border:1px solid #d1dde3;border-radius:16px;width:600px;max-width:calc(100vw - 24px);color:var(--ink);max-height:calc(100svh - 32px);box-shadow:0 25px 100px #072d4e30}dialog::backdrop{background:#0c2f4570}dialog form{padding:25px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dialog-heading h2{margin-top:6px;font-size:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.password-block{margin-top:22px}.checkbox{display:flex;align-items:center;gap:9px;margin-top:20px;font-weight:normal}.checkbox input{width:20px;min-height:20px;margin:0;accent-color:var(--ink)}.dialog-actions{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:20px}.dialog-actions button:first-child{flex:1}dialog .owner-note{margin:20px 0 0;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:800px){.role-grid{grid-template-columns:repeat(2,1fr)}.login-layout{grid-template-columns:35% 65%}.brand-panel{padding:70px 22px}.brand-panel .brand{width:160px}.slogan{font-size:29px}.workspace{padding:30px 18px}.topbar{padding:14px 20px}}@media(max-width:570px){.login-layout{display:flex;flex-direction:column;min-height:100svh}.brand-panel{padding:24px;min-height:120px;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.brand-panel .brand{width:124px;padding:9px}.slogan{font-size:18px;line-height:1.5;margin:0;letter-spacing:0}.brand-bottom{display:none}.login-panel{padding:36px 24px;flex:1}.topbar{flex-wrap:wrap;gap:10px}.topbar nav{gap:15px;font-size:12px}.brand.small{width:102px}.page-heading{display:block}.page-heading button{margin-top:20px;width:100%}h1{font-size:27px}.role-grid{gap:10px}.role-grid article{padding:17px}.form-grid{grid-template-columns:1fr;gap:16px}.panel-heading{padding:20px}.owner-note{margin:0 16px 18px}th,td{padding:14px 18px}dialog form{padding:20px}.password-card{padding:24px}}