:root{color-scheme:dark;--dk-bg:#0a1622;--dk-surface:#112331;--dk-card:#142938;--dk-line:#29404e;--dk-text:#f1f6f7;--dk-muted:#a5b9c4;--dk-accent:#a9e4bf;--dk-ink:#10271d;--dk-radius:18px}
.dokni-page{margin:0;min-height:100vh;background:var(--dk-bg);color:var(--dk-text);font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:flex;flex-direction:column}
.dokni-page *,.dokni-shell *{box-sizing:border-box}
.dokni-page [hidden],.dokni-shell [hidden]{display:none!important}
.dokni-page a{color:inherit;text-decoration:none}
.dokni-page button,.dokni-page input,.dokni-page select,.dokni-page textarea{font:inherit}
.dokni-page button{cursor:pointer}
.dokni-page button:disabled{cursor:wait;opacity:.55}
.dokni-page :focus-visible,.dokni-shell :focus-visible{outline:3px solid var(--dk-accent);outline-offset:4px}
.dk-skip{position:fixed;top:-80px;left:20px;padding:12px 18px;background:var(--dk-accent);color:var(--dk-ink)!important;z-index:10;border-radius:10px}
.dk-skip:focus{top:10px}
.dk-header{max-width:1280px;width:100%;margin:auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.dk-brand{display:inline-flex;align-items:center;font-size:33px;font-weight:760;letter-spacing:-1.8px;line-height:1;color:var(--dk-text);flex-shrink:0}
.dk-mark{background:var(--dk-accent);border-radius:10px 10px 10px 3px;color:var(--dk-ink);width:34px;height:36px;display:grid;place-items:center;font-size:31px;line-height:1;margin-right:10px;font-weight:800}
.dk-brand-dot{color:var(--dk-accent)}
.dk-header-note{font-size:10px;color:var(--dk-muted);letter-spacing:1.5px;font-weight:650}
.dk-account{display:flex;align-items:center;justify-content:flex-end;gap:20px;font-size:13px;min-width:0;flex-wrap:wrap}
#dk-account-name{overflow-wrap:anywhere;color:var(--dk-muted)}
.dk-link{border:0;background:none;padding:0;color:var(--dk-text)}
.dk-main{max-width:1280px;width:100%;margin:0 auto;padding:28px 40px 60px;flex:1}
.dk-loading{padding:80px 0;color:var(--dk-muted);text-align:center}
.dk-login-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;min-height:650px;padding-bottom:30px}
.dk-kicker{font-size:10px;letter-spacing:1.9px;font-weight:750;color:var(--dk-accent)}
.dk-login-story h1{font-size:clamp(48px,5.5vw,72px);line-height:1.06;letter-spacing:-3.6px;font-weight:680;margin:27px 0}
.dk-login-story h1 em{font-style:normal;color:var(--dk-accent)}
.dk-login-story>p{font-size:17px;line-height:1.8;color:var(--dk-muted);max-width:420px}
.dk-story-card{margin-top:42px;border-top:1px solid var(--dk-line);padding-top:26px;display:flex;align-items:center;gap:18px;max-width:420px}
.dk-story-symbol{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--dk-line);border-radius:50%;color:var(--dk-accent);font-size:27px;flex-shrink:0}
.dk-story-card strong{font-size:14px}.dk-story-card p{font-size:12px;color:var(--dk-muted);margin:4px 0 0}
.dk-login-card{border:1px solid var(--dk-line);background:var(--dk-surface);border-radius:24px;padding:42px;box-shadow:0 24px 80px #0002}
.dk-login-card h2{font-size:28px;line-height:1.2;letter-spacing:-1px;margin:17px 0 14px}
.dk-login-card>p{color:var(--dk-muted);font-size:14px}
.dokni-page label{display:block;font-size:13px;font-weight:650;margin:22px 0 8px}
.dokni-page input,.dokni-page select,.dokni-page textarea{display:block;width:100%;min-width:0;border:1px solid #365060;border-radius:10px;min-height:49px;background:#0c1c28;color:var(--dk-text);padding:12px 14px}
.dokni-page input::placeholder,.dokni-page textarea::placeholder{color:#809ba9}
.dokni-page small{display:block;font-size:11px;line-height:1.5;color:var(--dk-muted);margin-top:8px}
.dk-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid #3c5362;border-radius:10px;padding:12px 18px;min-height:46px;background:transparent;color:var(--dk-text);font-size:13px!important;font-weight:650;text-align:center;transition:background .15s;white-space:normal}
.dk-button:hover{background:#ffffff0b}.dk-primary{color:var(--dk-ink)!important;background:var(--dk-accent);border-color:var(--dk-accent)}.dk-primary:hover{background:#b9efcd}
.dk-wide{width:100%;margin-top:26px;justify-content:space-between}
.dk-login-help{font-size:12px!important;margin-top:25px!important}
.dk-secure-note{border-top:1px solid var(--dk-line);margin-top:26px;padding-top:18px;color:var(--dk-muted);font-size:10px;display:flex;align-items:center;gap:8px}
.dk-secure-note span{color:var(--dk-accent);font-size:8px}
.dk-footer{width:100%;max-width:1280px;margin:auto;padding:22px 40px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--dk-line);color:var(--dk-muted);font-size:11px}
.dk-notice{border:1px solid #c6a574;border-radius:12px;padding:14px 18px;margin:0 0 24px;background:#362d20;color:#f6e7d0;overflow-wrap:anywhere}
.dk-notice.dk-success{background:#173c30;border-color:#477e67;color:#d8f6e5}
.dk-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 30px}
.dk-page-heading h1{font-size:clamp(29px,4vw,43px);line-height:1.17;letter-spacing:-1.8px;margin:12px 0}
.dk-page-heading p,.dk-section-heading p{color:var(--dk-muted);margin:0;font-size:14px}
.dk-badge{font-size:10px;font-weight:700;letter-spacing:1px;border:1px solid #3b6652;color:var(--dk-accent);background:#143326;padding:7px 12px;border-radius:30px;white-space:nowrap}
.dk-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:30px}
.dk-metric{background:var(--dk-surface);border:1px solid var(--dk-line);border-radius:14px;padding:20px}
.dk-metric strong{display:block;font-size:29px;line-height:1.2;letter-spacing:-1px;color:var(--dk-accent);margin-top:10px}
.dk-metric span{color:var(--dk-muted);font-size:12px}.dk-metric small{font-size:10px;margin-top:8px}
.dk-tabs{display:flex;border-bottom:1px solid var(--dk-line);gap:24px;margin:0 0 28px;flex-wrap:wrap}
.dk-tab{border:0;border-bottom:2px solid transparent;border-radius:0;padding:14px 0;background:transparent;color:var(--dk-muted);font-size:13px;font-weight:600}
.dk-tab[aria-current=page]{color:var(--dk-accent);border-bottom-color:var(--dk-accent)}
.dk-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 18px}
.dk-section-heading h2{font-size:21px;letter-spacing:-.6px;margin:0 0 6px}.dk-section-heading h3{margin:0}
.dk-company-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.dk-company-card{border:1px solid var(--dk-line);background:var(--dk-surface);border-radius:var(--dk-radius);padding:24px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.dk-company-card h3{font-size:20px;line-height:1.35;letter-spacing:-.4px;margin:18px 0 2px;overflow-wrap:anywhere}
.dk-company-card .dk-company-id{font-size:11px;color:var(--dk-muted);overflow-wrap:anywhere;margin:0 0 17px}
.dk-company-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}
.dk-company-initial{width:44px;height:44px;background:#234437;border-radius:12px;display:grid;place-items:center;color:#b3e5c9;font-size:20px;font-weight:650}
.dk-company-card:nth-child(3n+2) .dk-company-initial{background:#233e52;color:#aecfe7}.dk-company-card:nth-child(3n+3) .dk-company-initial{background:#453c31;color:#e4c6a0}
.dk-status{font-size:10px;padding:4px 9px;border-radius:20px;border:1px solid #3c6654;color:var(--dk-accent);display:inline-flex;align-items:center;gap:6px}
.dk-status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.dk-status.dk-inactive{color:#dcbea2;border-color:#6c5949}
.dk-company-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;border-top:1px solid var(--dk-line);padding-top:17px;margin-bottom:20px}
.dk-company-details dt{font-size:10px;color:var(--dk-muted)}.dk-company-details dd{font-size:12px;margin:3px 0 0;overflow-wrap:anywhere}
.dk-company-card>.dk-button{margin-top:auto;width:100%}.dk-company-role{color:var(--dk-muted);font-size:12px;margin:8px 0 22px}
.dk-company-limits{width:100%;margin-top:18px;border-top:1px solid var(--dk-line);padding-top:14px;font-size:12px}.dk-company-limits summary{cursor:pointer;color:var(--dk-muted)}.dk-company-limits form>button{margin-top:16px;width:100%}.dk-company-limits form>label{font-size:11px}
.dk-card{background:var(--dk-surface);border:1px solid var(--dk-line);border-radius:var(--dk-radius);padding:26px;margin-bottom:20px;min-width:0}
.dk-card h3{font-size:19px;letter-spacing:-.5px;margin:0}.dk-card>.dk-button,.dk-card form>.dk-button{margin-top:22px}
.dk-card p{font-size:13px;color:var(--dk-muted)}
.dk-form-grid,.dk-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.dk-form-grid label{margin-top:0}.dk-actions{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap}
.dk-search-label{max-width:420px;margin-bottom:24px!important}.dk-search-label input{margin-top:8px}
.dk-muted{color:var(--dk-muted);font-size:12px}
.dk-user-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--dk-line);border-radius:12px;padding:16px 20px;margin-bottom:12px;background:var(--dk-surface)}
.dk-user-row strong{display:block;overflow-wrap:anywhere}.dk-user-row p{font-size:11px;color:var(--dk-muted);margin:4px 0 0}.dk-user-row>div{min-width:0}
.dk-empty{border:1px dashed var(--dk-line);padding:36px 24px;border-radius:16px;color:var(--dk-muted);grid-column:1/-1}
.dk-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dk-status-card{border:1px solid var(--dk-line);padding:24px;border-radius:16px;background:var(--dk-surface)}.dk-status-card h3{font-size:13px;color:var(--dk-muted);margin:0}.dk-status-card strong{font-size:20px;color:var(--dk-accent);display:block;margin:12px 0 4px;overflow-wrap:anywhere}.dk-status-card p{font-size:11px;color:var(--dk-muted);margin:0}
.dk-support-card{margin-top:25px;max-width:650px}
.dk-audit-list{list-style:none;padding:0;margin:0}.dk-audit-list li{padding:18px 0;border-bottom:1px solid var(--dk-line);display:grid;grid-template-columns:160px 1fr;gap:18px}.dk-audit-list time{font-size:11px;color:var(--dk-muted)}.dk-audit-list strong{font-size:14px;overflow-wrap:anywhere}.dk-audit-list p{font-size:12px;color:var(--dk-muted);margin:4px 0 0;overflow-wrap:anywhere}
.dokni-shell{border-bottom:1px solid var(--dk-line);background:#10232f;color:var(--dk-text);padding:12px 26px;display:flex;justify-content:space-between;gap:16px;align-items:center;font:13px/1.5 system-ui,sans-serif;flex-wrap:wrap}
.dokni-shell>div{display:flex;gap:12px;align-items:center;min-width:0;flex-wrap:wrap}.dokni-shell strong{overflow-wrap:anywhere}.dokni-shell a{color:var(--dk-accent);font-size:12px;text-decoration:none;border:1px solid #3f5c53;padding:8px 12px;border-radius:8px}.dokni-shell small{font-size:11px;color:var(--dk-muted)}
body.dk-company-view .brand{letter-spacing:-1.8px;font-size:32px}body.dk-company-view .brand span{color:#a9e4bf}
body.dk-company-view #login{display:none!important}body.dk-viewer #postForm .editorfooter,body.dk-viewer #newPost,body.dk-viewer #pause,body.dk-viewer #copyDemo,body.dk-viewer #generate{display:none!important}
.dk-viewer-note{color:#c4d7e3;background:#172f40;border:1px solid #355366;border-radius:10px;padding:10px 16px;margin:16px 0;font:13px/1.5 system-ui,sans-serif}
.dk-team-member{display:block!important;border-bottom:1px solid var(--dk-line);padding:18px 0!important}.dk-team-member>p{overflow-wrap:anywhere}.dk-team-member button{margin:8px 8px 0 0}.dk-team-member .sffield{margin:12px 0}.dk-team-create{padding-top:22px}.dk-team-create h3{margin:0 0 16px}
@media(max-width:900px){.dk-login-layout{gap:40px;min-height:600px}.dk-login-story h1{font-size:51px;letter-spacing:-2.7px}.dk-login-card{padding:30px}.dk-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dk-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.dk-header{padding:22px 20px;align-items:flex-start}.dk-brand{font-size:29px}.dk-mark{width:30px;height:32px;font-size:27px}.dk-header-note{font-size:8px;max-width:110px;text-align:right;letter-spacing:1.1px;margin-top:4px}.dk-account{gap:10px;font-size:11px}.dk-account #dk-account-name{width:100%;text-align:right;font-size:10px}.dk-main{padding:12px 20px 34px}.dk-login-layout{display:block;min-height:auto;padding-bottom:6px}.dk-login-story{padding:14px 0 24px}.dk-login-story h1{font-size:42px;line-height:1.08;letter-spacing:-2px;margin:15px 0}.dk-login-story h1 br:nth-of-type(2){display:none}.dk-login-story h1 em::before{content:" "}.dk-login-story>p{font-size:13px;line-height:1.6;margin-bottom:0}.dk-story-card{display:none}.dk-kicker{font-size:9px;letter-spacing:1.4px}.dk-login-card{padding:25px 22px;border-radius:18px}.dk-login-card h2{font-size:23px;margin:10px 0}.dk-login-card>p{font-size:12px}.dokni-page label{margin-top:19px}.dk-login-help{font-size:11px!important}.dk-secure-note{font-size:9px}.dk-footer{padding:20px;font-size:10px;gap:14px}.dk-footer>span:first-child{max-width:250px}.dk-page-heading{align-items:flex-start;flex-direction:column;gap:12px;margin:15px 0 24px}.dk-page-heading h1{font-size:32px;letter-spacing:-1.3px;margin:10px 0}.dk-page-heading p{font-size:12px}.dk-badge{font-size:9px}.dk-metrics{gap:10px;margin-bottom:20px}.dk-metric{padding:16px 13px}.dk-metric span{font-size:11px}.dk-metric strong{font-size:26px}.dk-metric small{font-size:9px}.dk-tabs{gap:0;display:grid;grid-template-columns:1fr 1fr;margin-bottom:22px}.dk-tab{font-size:11px;text-align:left;padding:12px 0}.dk-section-heading{align-items:flex-start;flex-direction:column;gap:14px}.dk-section-heading h2{font-size:20px}.dk-section-heading p{font-size:12px}.dk-company-grid{grid-template-columns:minmax(0,1fr);gap:14px}.dk-company-card{padding:22px}.dk-two-col,.dk-form-grid{grid-template-columns:minmax(0,1fr);gap:14px}.dk-card{padding:22px}.dk-search-label{font-size:11px!important}.dk-status-grid{grid-template-columns:minmax(0,1fr)}.dk-user-row{align-items:flex-start;flex-direction:column;gap:12px;padding:18px}.dk-user-row .dk-button{font-size:11px!important;min-height:42px}.dk-audit-list li{grid-template-columns:minmax(0,1fr);gap:5px}.dokni-shell{padding:12px 18px;gap:10px}.dokni-shell>div{width:100%}.dokni-shell a{font-size:11px}.dk-company-details dd{font-size:11px}}
@media(prefers-reduced-motion:reduce){.dokni-page *{scroll-behavior:auto!important;transition:none!important}}