:root{--blue:#165881;--teal:#119aa6;--ink:#213c50;--muted:#7a8d9b;--line:#e3ebf0;--bg:#f5f8fb}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.image-previews{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.image-previews img{width:110px;height:100px;border-radius:10px;object-fit:cover;border:1px solid #e3ebf0}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:10px;padding:11px 17px;font-weight:600;background:none;color:inherit;transition:background .15s}button:hover{filter:brightness(.96)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #25afbd;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}svg{width:19px;height:19px;stroke-width:1.8;flex-shrink:0}.primary{background:var(--blue);color:#fff;box-shadow:0 4px 10px #16588112}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.text-button{color:var(--blue);padding:8px 4px}.danger{color:#ae3642}.small{padding:8px 12px;font-size:13px}.wide{width:100%;margin-top:14px}.icon-button{padding:8px;border:1px solid transparent;color:var(--muted)}.icon-button:hover{background:var(--bg);border-color:var(--line)}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.22;letter-spacing:-1.1px;font-weight:650}h2{font-size:19px;line-height:1.4;font-weight:650;letter-spacing:-.3px}h3{font-size:16px}p{margin-bottom:16px}.muted{color:var(--muted);line-height:1.7}.hint{font-size:12px;color:var(--muted);line-height:1.7;margin:14px 0 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.9px;color:var(--teal);margin-bottom:12px}.wordmark{font-size:29px;letter-spacing:-1px;font-weight:750;color:var(--blue);line-height:1.15}.wordmark span{display:block;font-size:13px;font-weight:500;letter-spacing:1px;color:var(--muted);margin-top:5px}.app-shell{display:flex;min-height:100vh}.sidebar{background:#fff;width:245px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:35px 21px 20px;display:flex;flex-direction:column}.sidebar .wordmark{padding:0 19px}.sidebar-section{font-size:9px;letter-spacing:1.7px;color:#90a1ad;font-weight:650;margin:45px 18px 16px}.sidebar nav{display:grid;gap:7px}.nav-item{justify-content:flex-start;gap:14px;padding:13px 18px;color:#6c7e8b;font-weight:500;font-size:14px;border-radius:9px}.nav-item.active{color:var(--blue);background:#eaf3f8;font-weight:650}.nav-item.active:before{content:"";width:3px;height:21px;background:var(--teal);position:absolute;left:0;border-radius:0 3px 3px 0}.sidebar-bottom{margin-top:auto}.private-tag{border:1px solid var(--line);padding:11px;display:flex;gap:10px;font-size:12px;color:var(--muted);border-radius:9px;margin:30px 3px 20px}.private-tag svg{color:var(--teal);width:17px}.profile-button{width:100%;justify-content:flex-start;text-align:left;font-size:12px;padding:12px 3px}.profile-button>svg{margin-left:auto;width:15px}.profile-button small{display:block;color:var(--muted);font-size:10px;font-weight:400}.avatar{border-radius:50%;background:#e2f2f2;color:#117e88;width:36px;height:36px;display:grid;place-items:center;font-size:14px}.main-shell{margin-left:245px;width:calc(100% - 245px)}.topbar{height:81px;background:#ffffffc9;border-bottom:1px solid var(--line);padding:0 45px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{color:#c5ced5;padding:0 13px}.topbar-actions{display:flex;align-items:center;gap:14px}.status{font-size:11px;display:flex;align-items:center;gap:6px;color:#8b7180}.status svg{width:15px}.status.online{color:#3c8986}#content{max-width:1280px;padding:44px 45px 20px;margin:auto}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.pagehead .muted{font-size:13px;margin:12px 0 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:31px}.stat{background:#fff;border:1px solid var(--line);padding:22px 20px;text-align:left;justify-content:flex-start;border-radius:12px;gap:15px}.stat-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center}.stat-icon.blue{background:#eaf3fa;color:var(--blue)}.stat-icon.gold{background:#fff6df;color:#ba8b31}.stat-icon.aqua{background:#e6f5f1;color:#328c81}.stat>div>span{display:block;font-size:11px;color:var(--muted);font-weight:400}.stat strong{display:block;font-size:28px;line-height:1.3;font-weight:650;margin-top:6px}.stat>svg{width:15px;color:#acb9c1;margin-left:auto;align-self:flex-start}.vault-panel{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel-toolbar{padding:23px 24px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-toolbar h2{font-size:16px}.count{font-size:10px;background:var(--bg);padding:3px 7px;border-radius:5px;color:var(--muted);margin-left:8px}.tools{display:flex;gap:8px;align-items:center}.tools select{font-size:12px;padding:8px 12px;max-width:210px;margin:0}.search{display:flex;align-items:center;gap:12px;margin:0 24px 20px;border:1px solid var(--line);background:#fafcfd;padding:0 15px;border-radius:8px;color:#92a4b1}.search input{border:0;background:none;padding:11px 0;min-width:0;margin:0;outline-offset:0;font-size:13px}.search kbd{font-size:10px;font-family:inherit;background:#fff;border:1px solid var(--line);border-radius:4px;padding:2px 6px}.list-head{background:#fafcfd;border-top:1px solid #f0f3f5;border-bottom:1px solid #f0f3f5;display:grid;grid-template-columns:2.2fr 1.5fr 1fr 40px;padding:12px 24px;gap:12px;color:#8494a0;font-size:9px;letter-spacing:.7px}.access-row{display:grid;grid-template-columns:2.2fr 1.5fr 1fr 40px;width:100%;border-radius:0;border-bottom:1px solid #f0f3f5;padding:18px 24px;gap:12px;text-align:left;font-size:12px;font-weight:400}.access-row:last-child{border:0}.access-row:hover{background:#f8fbfd}.access-name{display:flex;align-items:center;gap:12px;min-width:0}.access-name b{font-weight:600;display:block;overflow-wrap:anywhere}.access-name small{display:block;color:var(--muted);font-size:10px;margin-top:3px;overflow-wrap:anywhere}.service-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:#edf4f9;color:var(--blue);flex-shrink:0}.username{color:#718591;overflow-wrap:anywhere}.category-pill{background:#f1f5f8;color:#6c8292;font-size:10px;padding:4px 9px;border-radius:5px;width:fit-content;max-width:100%;overflow-wrap:anywhere}.row-end{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#a1afba}.row-end svg{width:14px}.row-end svg:first-child:not(:last-child){color:#bf963d;fill:#fff5da}.empty-state{text-align:center;padding:45px 20px 58px;border-top:1px solid #f0f3f5}.empty-state h2{font-size:20px}.empty-state p{font-size:13px;color:var(--muted);line-height:1.8;margin:12px 0 25px}.empty-state>div:last-child{display:flex;justify-content:center;gap:12px}.empty-art{width:74px;height:74px;border:1px solid #dfebf2;border-radius:22px;background:linear-gradient(140deg,#f2f8fb,#e5f0f6);display:grid;place-items:center;margin:0 auto 24px;color:var(--blue)}.empty-art svg{width:33px;height:33px;stroke-width:1.2}.privacy-strip{margin-top:24px;display:flex;gap:12px;align-items:center;padding:0 4px;color:#8b9ba6;font-size:11px}.privacy-strip svg{color:#75a8af;width:16px}.privacy-strip b{font-weight:500;color:#607d8c}.app-footer{font-size:10px;color:#98a8b3;text-align:center;padding:24px 16px 28px}.app-footer span{padding:0 8px}.mobile-nav{display:none}label{display:block;font-size:12px;font-weight:500;color:#4e6575}input,select,textarea{width:100%;border:1px solid #dce6ed;border-radius:8px;background:#fff;color:var(--ink);padding:11px 12px;margin-top:7px;line-height:1.4;font-size:16px;min-width:0}input::placeholder{color:#a0adb7}input[type=range]{padding:0;accent-color:var(--blue)}input[type=checkbox]{width:16px;height:16px;flex-shrink:0;margin:0;accent-color:var(--blue)}.check{display:flex;align-items:center;gap:9px;margin:14px 0}.input-action{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;margin-top:7px;padding-right:5px}.input-action input{border:0;margin:0;background:transparent}.input-action .icon-button{padding:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.full{grid-column:1/-1}.attachment-drop{padding:19px;border:1px dashed #c6dce6;border-radius:10px;text-align:center;background:#f8fbfd}.attachment-drop svg{margin:auto;display:block}.attachment-drop input{border:0;font-size:12px}.attachment-drop small{color:var(--muted);font-size:11px}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:24px}.modal-head p{margin:0}.modal-head .eyebrow{margin-bottom:7px}.modal-head .muted{font-size:12px}.modal-head>h2{align-self:center}.modal-head .access-name{gap:15px}.modal-head .service-icon{width:48px;height:48px}dialog{border:1px solid var(--line);border-radius:17px;box-shadow:0 30px 100px #18374b26;width:650px;max-width:calc(100vw - 28px);max-height:90dvh;padding:30px;color:var(--ink);background:#fff}dialog::backdrop{background:#12314b66;backdrop-filter:blur(4px)}dialog p{font-size:13px;color:var(--muted);line-height:1.7}dialog h2{margin-bottom:14px}dialog .modal-head h2{margin:0}dialog form>label{margin-bottom:15px}details{margin:18px 0;border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer;font-size:12px;color:var(--blue);font-weight:500}details p{margin-top:12px}details label{margin-top:15px}.detail-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:20px;background:#f4f8fb;border-radius:10px}.field-label{font-size:10px;letter-spacing:.7px;color:var(--muted)}.detail-grid p{margin:5px 0 0;font-size:15px;color:var(--ink);overflow-wrap:anywhere}.details{display:grid;grid-template-columns:110px 1fr;gap:12px;margin:24px 0;font-size:12px}.details dt{color:var(--muted)}.details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.attachments{display:flex;flex-wrap:wrap;gap:8px}.attachments button{font-size:11px;max-width:100%;overflow-wrap:anywhere}.history-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.history-row small{display:block;color:var(--muted)}.notice{padding:12px;background:#fff8e6;border-radius:8px}.steps{display:flex;list-style:none;padding:0;gap:30px;margin:30px 0;color:#8d9daa;font-size:12px}.steps li{display:flex;align-items:center;gap:10px}.steps .active{color:var(--blue);font-weight:600}.import-panel{border:1px dashed #b9d4e0;border-radius:14px;background:#fff;padding:48px 24px;text-align:center}.import-panel p{color:var(--muted);font-size:13px;margin:14px 0 25px}.file-button{display:inline-flex;align-items:center;gap:10px;position:relative;padding:12px 20px;border-radius:10px;font-size:13px;cursor:pointer;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}.batch-panel{margin-top:25px;padding:24px}.batch-panel h2{font-size:16px;margin-bottom:15px}.mapping-list{display:grid;gap:10px;margin:22px 0;max-height:50vh;overflow:auto}.mapping-list label{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.mapping-list select{font-size:14px;margin:0}.import-preview{max-height:48vh;overflow:auto;border:1px solid var(--line);border-radius:8px;margin:20px 0}.preview-row{display:grid;grid-template-columns:1fr 155px;gap:12px;padding:14px;border-bottom:1px solid var(--line);font-size:12px}.preview-row small{display:block;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.preview-row select{font-size:12px;margin:0}.preview-row .error{color:#ad3e49}.preview-row .warning{color:#9b7335}.generator-card{max-width:650px;margin:auto;background:#fff;padding:40px;border:1px solid var(--line);border-radius:14px}.generator-card h2{text-align:center;margin-bottom:30px}.round-icon{display:grid;place-items:center;width:52px;height:52px;color:var(--blue);background:#edf5f9;border:1px solid #dfeef4;border-radius:16px;margin:0 auto 20px}.round-icon svg{width:25px;height:25px}.generator-options{display:grid;grid-template-columns:1fr 1fr}.generator-card label output{float:right}.generated{display:block;background:#eff5f9;border:1px solid var(--line);padding:25px 16px;border-radius:10px;font-family:ui-monospace,monospace;font-size:21px;overflow-wrap:anywhere;text-align:center;margin:25px 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-card{background:#fff;border:1px solid var(--line);padding:26px;border-radius:12px}.settings-card h2{display:flex;align-items:center;gap:10px;font-size:17px;margin-bottom:18px}.settings-card h2 svg{color:var(--teal)}.settings-card p{font-size:13px;color:var(--muted)}.settings-card>button{display:flex}.settings-card input[type=number]{max-width:120px}.help-list{padding-left:22px;color:var(--muted);font-size:13px}.help-list li{margin:17px 0}.help-list b{color:var(--ink)}.secret-output{display:block;font-family:ui-monospace,monospace;overflow-wrap:anywhere;background:#f0f5f8;border:1px solid var(--line);padding:16px;border-radius:8px;font-size:15px;margin:8px 0 20px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.auth-story{padding:50px 12%;background:linear-gradient(145deg,#133f60,#165881 60%,#13828e);color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:60px}.auth-story .wordmark{color:#fff}.auth-story .wordmark span{color:#c1dee8}.auth-story h1{font-size:48px;line-height:1.18;letter-spacing:-1.5px;margin-bottom:25px}.auth-story p:not(.eyebrow){color:#bdd7e3;font-size:15px;max-width:350px;line-height:1.9}.auth-story .light{color:#80d8d9}.auth-feature{display:flex;align-items:center;gap:11px;font-size:12px;margin:22px 0;color:#deedf4}.auth-feature svg{color:#8ad3d4}.auth-story small{font-size:10px;color:#b2cedd}.auth-card{background:#fff;display:grid;place-items:center;padding:45px 35px}.auth-inner{width:100%;max-width:370px}.auth-inner .round-icon{margin:0 0 23px}.auth-inner h2{font-size:26px;margin-bottom:12px}.auth-inner>.muted{font-size:13px}.auth-inner form label{margin-bottom:16px}.divider{display:flex;align-items:center;gap:12px;font-size:10px;color:#93a3ae;margin-top:20px}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.lock-layout{min-height:100dvh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at top,#e1f0f6,#f3f7fa 65%)}.lock-card{width:100%;max-width:450px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:35px;box-shadow:0 20px 60px #1658810a}.lock-card .wordmark{font-size:24px;margin-bottom:35px;text-align:center}.lock-card .round-icon{margin-top:10px}.lock-card h1{font-size:25px;text-align:center}.lock-card>.muted{text-align:center;font-size:13px;margin-top:13px}.lock-card .text-button{width:100%}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#173e55;color:#fff;border-radius:11px;padding:14px 22px;box-shadow:0 8px 35px #14324526;max-width:calc(100vw - 30px);font-size:13px;z-index:10;transition:.2s}#toast.show{transform:translate(-50%);opacity:1}.conflict{padding:16px 0;border-bottom:1px solid var(--line)}@media(min-width:1450px){#content{padding-top:54px}.pagehead{margin-bottom:40px}.stats{margin-bottom:35px}.stat{padding:27px}.empty-state{padding:65px 20px 75px}}@media(max-width:1100px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.main-shell{margin-left:205px;width:calc(100% - 205px)}.topbar{padding:0 25px}#content{padding:32px 25px 15px}.stat{padding:18px 14px;gap:10px}.stat-icon{width:35px;height:35px}.stat>svg{display:none}h1{font-size:28px}.settings-card{padding:22px}.pagehead>.primary{font-size:12px;white-space:nowrap}.access-row,.list-head{grid-template-columns:2fr 1.1fr 1fr 20px;padding-left:20px;padding-right:20px}.auth-story h1{font-size:40px}}@media(max-width:760px){.sidebar{display:none}.main-shell{margin:0;width:100%;padding-bottom:77px}.topbar{height:65px;padding:0 18px;gap:12px}.breadcrumb{font-size:11px}.breadcrumb span{padding:0 7px}.topbar-actions{gap:5px}.topbar .status{font-size:0}.topbar .status svg{width:18px}.topbar .small{font-size:11px}.topbar .icon-button{padding:7px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;padding:8px 5px max(10px,env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:3;justify-content:space-around}.mobile-nav .nav-item{padding:6px 3px;display:flex;flex-direction:column;gap:5px;font-size:9px;flex:1;border-radius:8px}.mobile-nav .nav-item:nth-child(3){display:none}.mobile-nav .nav-item.active:before{display:none}.mobile-nav svg{width:20px;height:20px}#content{padding:29px 18px 10px}.pagehead{display:block;margin-bottom:25px}.pagehead>.primary,.pagehead>.secondary{margin-top:20px;font-size:12px}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:10px}h1{font-size:29px}.pagehead .muted{font-size:12px;margin-top:10px;max-width:330px}.stats{gap:8px;margin-bottom:23px}.stat{display:block;padding:14px 10px}.stat-icon{width:29px;height:29px;border-radius:8px;margin-bottom:13px}.stat-icon svg{width:16px}.stat>div>span{font-size:9px}.stat strong{font-size:25px;margin-top:4px}.panel-toolbar{padding:18px 16px 17px}.panel-toolbar h2{font-size:14px}.tools select{font-size:10px;max-width:155px;padding:7px}.search{margin:0 16px 18px;padding:0 10px;gap:8px}.search input{font-size:16px;padding:11px 0}.search kbd,.list-head{display:none}.access-row{grid-template-columns:1fr auto;padding:15px 16px;gap:8px}.username,.access-row .category-pill{display:none}.access-name b{font-size:12px}.access-name small{font-size:10px}.row-end{grid-column:2}.empty-state{padding:35px 18px 40px}.empty-state h2{font-size:17px}.empty-state p{font-size:12px}.empty-state>div:last-child{flex-direction:column;align-items:stretch;max-width:240px;margin:auto}.empty-state>div:last-child button{font-size:12px}.empty-art{width:60px;height:60px;border-radius:18px}.empty-art svg{width:28px}.privacy-strip{font-size:10px;align-items:flex-start;margin-top:19px;padding:0 3px}.app-footer{font-size:9px;padding:20px 16px}.settings-grid{grid-template-columns:1fr;gap:16px}.settings-card{padding:24px}.generator-card{padding:27px 22px}.generator-options{grid-template-columns:1fr}.generated{font-size:18px}.steps{gap:15px;font-size:10px;justify-content:space-between}.import-panel{padding:35px 20px}.import-panel h2{font-size:18px}.import-panel p{font-size:12px}.batch-panel{padding:20px}.auth-layout{display:block}.auth-story{padding:28px 25px 30px;gap:25px}.auth-story .wordmark{font-size:26px}.auth-story h1{font-size:32px;margin:0 0 12px}.auth-story h1 br{display:none}.auth-story p:not(.eyebrow){font-size:12px;margin:0;line-height:1.7;max-width:none}.auth-feature,.auth-story small,.auth-story .eyebrow{display:none}.auth-card{padding:32px 25px;display:block}.auth-inner{max-width:440px;margin:auto}.auth-inner h2{font-size:24px}.auth-inner .round-icon{display:none}.lock-layout{padding:20px}.lock-card{padding:28px 23px}.lock-card h1{font-size:23px}dialog{padding:23px 20px;border-radius:14px;max-height:92dvh}.form-grid{grid-template-columns:1fr;gap:16px}.full{grid-column:auto}.modal-actions{flex-wrap:wrap;gap:8px}.modal-actions button{font-size:12px}.detail-grid{padding:16px;gap:16px}.detail-grid>div:nth-child(2n){display:flex}.details{grid-template-columns:80px 1fr;gap:12px;font-size:12px}.preview-row{grid-template-columns:1fr;font-size:12px}.preview-row select{font-size:16px}.history-row{font-size:11px;flex-wrap:wrap}.mapping-list select{font-size:16px}.mapping-list label{grid-template-columns:1fr}.steps li span{font-size:9px}#toast{bottom:90px;min-width:250px;padding:13px 17px}.profile-button{display:none}}dialog .dialog-notice{padding:12px 14px;margin:0 0 18px;border:1px solid #b6d8e9;border-radius:8px;background:#edf7fc;color:#164b65;font-size:14px;overflow-wrap:anywhere}dialog .dialog-notice[data-kind=error]{background:#fff1f2;border-color:#d68790;color:#8e2130}dialog .dialog-notice[hidden]{display:none}input[aria-invalid=true]{border-color:#b83e4d}.extra-fields h3{margin-top:4px}.extra-fields>.hint{margin:8px 0 14px}.extra-field{margin:0 0 14px;padding:15px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:2fr 1fr;gap:12px}.extra-field legend{font-size:12px;color:var(--muted);padding:0 5px}.extra-field-value{grid-column:1/-1}.extra-field [hidden]{display:none}.extra-field>.danger{justify-self:start}.details dd{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){.extra-field{grid-template-columns:1fr}}