/* Devnood 49 — monochrome workspace. No external CSS or animation dependency. */
:root {
 color-scheme:light; --dn-bg:#f5f5f5; --dn-surface:#fff; --dn-text:#171717; --dn-muted:#737373;
 --dn-line:#e7e7e7; --dn-soft:#f8f8f8; --dn-ink:#111; --dn-radius:14px;
 --dn43-bg:var(--dn-bg); --dn43-panel:var(--dn-surface); --dn43-raised:#f2f2f2;
 --dn43-text:var(--dn-text); --dn43-muted:var(--dn-muted); --dn43-faint:#858585;
 --dn43-line:var(--dn-line); --dn43-blue:#333; --dn43-primary:#111;
 --bg:#f5f5f5; --panel:#fff; --text:#171717; --muted:#737373; --line:#e7e7e7;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:150px}
body[data-dn-ui]{margin:0;min-height:100dvh;background:var(--dn-bg)!important;background-image:none!important;color:var(--dn-text)!important;font-family:'Noto Sans Thai',system-ui,-apple-system,sans-serif!important;-webkit-font-smoothing:antialiased;line-height:1.6}
body[data-dn-ui] :where(button,input,select,textarea){font:inherit}body[data-dn-ui] a{text-decoration:none}
body[data-dn-ui] h1,body[data-dn-ui] h2,body[data-dn-ui] h3,body[data-dn-ui] h4{color:var(--dn-text);letter-spacing:-.025em}
body[data-dn-ui] :where(button,a,input,select,textarea):focus-visible{outline:2px solid #111!important;outline-offset:3px;box-shadow:none!important}
body[data-dn-ui] button{cursor:pointer}body[data-dn-ui] button:disabled{cursor:wait;opacity:.5}
body[data-dn-ui] [hidden]{display:none!important}body[data-dn-ui] .hidden{display:none}
body[data-dn-ui] img{max-width:100%}body[data-dn-ui] img,body[data-dn-ui] svg{vertical-align:middle}
body[data-dn-ui] *{scrollbar-width:thin;scrollbar-color:#c8c8c8 transparent}
body[data-dn-ui] ::-webkit-scrollbar{width:6px;height:5px}body[data-dn-ui] ::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:6px}
/* Legacy template utility colors use the new tokens. Images retain their colors. */
body[data-dn-ui] :is([class*="text-white"],[class*="text-gray-100"],[class*="text-gray-200"],[class*="text-gray-300"],[class*="text-zinc-"],[class*="text-brand-"],[class*="text-accent-"],[class*="text-purple-"],[class*="text-cyan-"],[class*="text-blue-"],[class*="text-green-"],[class*="text-emerald-"],[class*="text-amber-"],[class*="text-yellow-"],[class*="text-red-"],[class*="text-rose-"],[class*="text-sky-"],[class*="text-orange-"],[class*="text-pink-"],[class*="text-indigo-"],[class*="text-violet-"],[class*="text-teal-"],[class*="text-lime-"]){color:#262626!important}
body[data-dn-ui] :is([class*="text-gray-400"],[class*="text-gray-500"],[class*="text-gray-600"],[class*="text-gray-700"]){color:#737373!important}
body[data-dn-ui] :is([class*="bg-dark-"],[class*="bg-zinc-"],[class*="bg-gray-"],[class*="bg-white/"],[class*="bg-black/"],[class*="bg-brand-"],[class*="bg-accent-"],[class*="bg-purple-"],[class*="bg-cyan-"],[class*="bg-blue-"],[class*="bg-green-"],[class*="bg-emerald-"],[class*="bg-amber-"],[class*="bg-yellow-"],[class*="bg-red-"],[class*="bg-rose-"],[class*="bg-sky-"],[class*="bg-orange-"],[class*="bg-pink-"],[class*="bg-indigo-"],[class*="bg-violet-"],[class*="bg-teal-"],[class*="bg-lime-"],[class*="bg-gradient-"]){background:#f5f5f5!important;background-image:none!important}
body[data-dn-ui] :is([class*="border-white"],[class*="border-brand-"],[class*="border-accent-"],[class*="border-blue-"],[class*="border-red-"],[class*="border-gray-"],[class*="border-green-"]){border-color:var(--dn-line)!important}
body[data-dn-ui] :is(.glass,.glass-card,.card-surface,.section-shell,.card,.page-card,.login-card,.modal-content){background:#fff!important;border:1px solid var(--dn-line)!important;border-radius:var(--dn-radius)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body[data-dn-ui] :is(.glass-input,.input-field,.form-input,.app-input,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){background:#fff!important;border:1px solid #dedede!important;color:#171717!important;border-radius:9px!important;min-height:43px;box-shadow:none!important;font-size:14px}
body[data-dn-ui] :is(.input-field,.form-input,.app-input){width:100%;padding:11px 13px}
body[data-dn-ui] input::placeholder,body[data-dn-ui] textarea::placeholder{color:#969696!important}
body[data-dn-ui] input[type=checkbox],body[data-dn-ui] input[type=radio]{accent-color:#111;width:16px;height:16px;min-height:0;flex-shrink:0}
body[data-dn-ui] select option{background:#fff;color:#111}body[data-dn-ui] label{color:#525252}
body[data-dn-ui] :is(.btn-primary,.btn-main,.dn43-primary,.macos-save-button,.app-action-btn.primary,.dn-download-save,.mobile-create-submit,button[type=submit],button[onclick*="save" i]){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border:1px solid #111!important;border-radius:9px!important;padding:10px 17px;background:#111!important;background-image:none!important;color:#fff!important;box-shadow:none!important;font-weight:600;font-size:13px;transition:background .16s ease,opacity .16s ease!important}
body[data-dn-ui] :is(.btn-primary,.btn-main,.dn43-primary,.macos-save-button,.app-action-btn.primary,.dn-download-save,.mobile-create-submit,button[type=submit],button[onclick*="save" i]) i{color:inherit!important}
body[data-dn-ui] :is(.btn-primary,.btn-main,.dn43-primary,.macos-save-button):hover{background:#303030!important;transform:none!important}
body[data-dn-ui] :is(.dn43-secondary,.dn43-profile-button,.btn-secondary,.btn-sub,.btn-ghost,.app-action-btn,.domain-copy-btn){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 13px;border:1px solid #dedede!important;border-radius:9px!important;background:#fff!important;color:#333!important;box-shadow:none!important;font-size:12px}
body[data-dn-ui] :is(.dn43-secondary,.btn-secondary,.btn-sub,.btn-ghost):hover{background:#f5f5f5!important}
body[data-dn-ui] :is(.dn37-traffic,.dn44-traffic,.window-traffic-lights,.traffic-lights,.dn-online-traffic,.traffic,.docs-sidebar-lights,.guide-sidebar-lights){display:none!important}
body[data-dn-ui] :is(.animate-pulse,.animate-pulse-soft,.float,.pulse-dot,.animate-bounce,.shimmer){animation:none!important}
body[data-dn-ui] :is(.backdrop-blur-sm,.backdrop-blur,.backdrop-blur-xl){backdrop-filter:none!important}
body[data-dn-ui] :is(.lift-hover,.feature-card):hover{transform:none!important;box-shadow:none!important}
body[data-dn-ui] #loading-screen{display:none!important}
/* Header and actual page navigation. */
.dn-site-header{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--dn-line)}
.dn-header-inner{height:80px;max-width:1440px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.dn-brand{display:inline-flex;align-items:center;gap:12px;color:#111!important;font-size:21px;font-weight:750;letter-spacing:-.8px;line-height:1.1;white-space:nowrap}
.dn-brand small{display:block;font-size:8px;font-weight:600;letter-spacing:2.1px;margin-top:7px;color:#8c8c8c}
.dn-brand-mark{width:38px;height:38px;border-radius:11px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-weight:700;font-size:25px;letter-spacing:-2px}.dn-brand-mark span{font-size:18px;margin-top:10px;color:#aaa}
.dn-header-right{display:flex;align-items:center;gap:18px}.dn-help{display:flex;align-items:center;gap:7px;color:#777!important;font-size:12px}
.dn-account{display:flex;align-items:center;gap:9px;background:none;border:0;font-size:12px;font-weight:600;color:#333}.dn-account>i{font-size:9px;color:#aaa}.dn-avatar{width:30px;height:30px;background:#eee;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px}.dn-logout{color:#777;padding:8px;border-left:1px solid #eee;padding-left:20px}
.dn-top-nav{display:flex;align-items:center;max-width:1440px;margin:auto;padding:0 40px;gap:26px;overflow-x:auto;scrollbar-width:none}.dn-top-nav::-webkit-scrollbar{display:none}
.dn-top-nav>a{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;flex:none;padding:15px 1px 17px;font-size:12px;color:#828282;border-bottom:2px solid transparent;white-space:nowrap}.dn-top-nav>a i{font-size:12px;color:inherit}.dn-top-nav>a:hover{color:#222}.dn-top-nav>a.is-active{color:#111;font-weight:650;border-bottom-color:#111}
.dn-skip{position:fixed;left:16px;top:-100px;background:#111;color:#fff;padding:10px 15px;z-index:10000;border-radius:8px}.dn-skip:focus{top:10px}
body[data-dn-ui] .dn-layout{display:block;height:auto;min-height:calc(100dvh - 135px);overflow:visible;background:none;border:0;box-shadow:none;width:100%;margin:0}
body[data-dn-ui] .dashboard-main{display:block;width:min(100%,1440px);height:auto;min-height:0;margin:0 auto;overflow:visible;padding:36px 40px 60px}
.dn-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.dn-breadcrumb{color:#909090;font-size:10px;margin-bottom:13px}.dn-breadcrumb span{padding:0 9px;color:#bbb}
.dn-page-heading h1{font-size:28px;font-weight:650;line-height:1.25;margin:0 0 9px}.dn-page-heading p{font-size:12px;color:#858585;margin:0}.dn-server-status{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 11px;background:#fff;border:1px solid var(--dn-line);border-radius:20px;font-size:10px;color:#666}.dn-server-status>span{width:5px;height:5px;border-radius:50%;background:#333}
body[data-dn-ui] .dashboard-content{padding:0;overflow:visible;position:relative}
.dn-subnav{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 22px}.dn-subnav a{padding:7px 12px;font-size:11px;border:1px solid transparent;border-radius:7px;color:#737373}.dn-subnav a:hover{background:#eee}.dn-subnav a[aria-current=page]{color:#111;background:#fff;border-color:#dedede;font-weight:600}
/* Key workspace. */
.dn43-overview{margin-bottom:22px}.dn43-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.dn45-stat{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;background:#fff;border:1px solid var(--dn-line);border-radius:12px;padding:20px;text-align:left;min-height:104px;transition:border-color .16s ease}.dn45-stat:hover{border-color:#aaa}.dn45-stat[aria-pressed=true]{border-color:#222}.dn45-stat-number{font-size:26px;font-weight:650;color:#111;line-height:1.1;font-variant-numeric:tabular-nums}.dn45-stat-label{font-size:11px;color:#888}.dn45-stat-dot{position:absolute;right:17px;top:22px;width:6px;height:6px;background:#d0d0d0;border-radius:50%}.dn45-stat[aria-pressed=true] .dn45-stat-dot{background:#111}
body[data-dn-ui] .dn-key-toolbar-row{display:flex;flex-direction:column;gap:16px}.dn-key-search{max-width:420px}.dn-key-search input{width:100%;padding-left:40px}.dn43-create-form{border:1px solid var(--dn-line);border-radius:12px;background:#fff;padding:22px}.dn43-create-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dn43-create-heading>div{display:flex;align-items:center;gap:9px}.dn43-create-heading strong{font-size:13px}.dn43-create-heading span{font-size:10px;color:#999;margin-left:6px}.dn43-create-heading i{font-size:12px}.dn43-create-grid{display:grid;grid-template-columns:1.6fr 1fr .7fr .7fr 1.3fr;gap:12px}.dn43-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:11px;color:#777}.dn43-field input,.dn43-field select{width:100%;padding:9px 11px}.dn43-duration{display:flex;gap:5px}.dn43-duration input{width:45%}.dn43-duration select{width:55%}.dn43-input-action{position:relative}.dn43-input-action input{padding-right:40px}.dn43-input-action button{position:absolute;right:5px;top:5px;width:32px;height:32px;background:#f5f5f5;border:0;border-radius:6px;color:#555}.dn43-presets{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:15px}.dn43-presets>span{color:#999;font-size:10px;margin-right:5px}.dn43-presets button{border:1px solid #e6e6e6;background:#fff;border-radius:6px;color:#666;padding:5px 9px;font-size:10px}.dn43-presets button:hover{border-color:#111;color:#111}
.dn-key-tools{background:#fff;border:1px solid #e7e7e7;border-radius:9px;margin:10px 0;font-size:12px}.dn-key-tools summary{padding:12px 16px;cursor:pointer;color:#666}.dn-key-tools summary i{margin-right:6px}.dn43-sidebar-tools-body{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}.dn43-sidebar-tools-body #bulkForm{width:min(100%,600px)}
body[data-dn-ui] .key-selection-toolbar{border-radius:10px!important;font-size:11px}body[data-dn-ui] :is(#keysContainer,#logsContainer){margin-top:15px}body[data-dn-ui] table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}body[data-dn-ui] thead{background:#fafafa!important}body[data-dn-ui] th{padding:13px 15px;text-align:left;color:#999!important;font-size:10px;font-weight:500;border-bottom:1px solid var(--dn-line);white-space:nowrap}body[data-dn-ui] td{padding:15px;border-bottom:1px solid #efefef;color:#444}body[data-dn-ui] tbody tr:hover{background:#fafafa!important}
body[data-dn-ui] .dn43-chip,body[data-dn-ui] .dn37-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #e5e5e5;border-radius:5px;background:#f7f7f7;color:#555;font-size:10px;padding:3px 7px}
.dn43-key-cell{display:flex;align-items:center;gap:8px}.dn43-key-value{font-size:12px;font-weight:600;letter-spacing:.02em}.dn43-key-note{font-size:10px;color:#888}.dn43-table-actions{display:flex;align-items:center;gap:5px}.dn43-icon-button,.dn37-icon-btn,.dn44-input-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e8e8e8;background:#fff;border-radius:7px;color:#555}
.dn43-key-actions{display:grid;gap:12px}.dn43-action-key{font-family:monospace;font-size:15px;padding:12px;background:#f6f6f6;border-radius:8px;overflow-wrap:anywhere}.dn43-action-presets{display:flex;gap:8px}.dn43-action-presets button{padding:8px 13px;border:1px solid #ddd;border-radius:7px;background:#fff}.dn43-action-label{font-size:11px;color:#888}.dn43-key-grid{display:grid;gap:12px}
body[data-dn-ui] #filesContainer{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.files-toolbar{gap:15px}.files-toolbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
/* Full pages reuse the same forms and API handlers, without modal chrome. */
body[data-dn-ui] [data-page-panel]{position:static!important;inset:auto!important;display:block!important;width:100%!important;min-height:0!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;background:none!important;transform:none!important;z-index:auto!important;backdrop-filter:none!important;animation:none!important}
body[data-dn-ui] [data-page-panel]>[data-modal-content]{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;min-height:0!important;margin:0!important;padding:24px!important;border-radius:12px!important;background:#fff!important;border:1px solid #e7e7e7!important;box-shadow:none!important;transform:none!important;display:block!important;overflow:visible!important;animation:none!important}
body[data-dn-ui] [data-page-panel] :is(.app-settings-body,.dn-online-body,.dn-download-body,.users-body-v37,.dn37-account-body,[data-settings-content],.modal-body){height:auto!important;max-height:none!important;overflow:visible!important;background:none!important}
body[data-dn-ui] [data-page-panel] :is(.app-settings-head,.dn-online-header,.dn37-titlebar){background:none!important;border-color:#eee!important;padding:0 0 18px!important;margin-bottom:18px}
body[data-dn-ui] [data-page-panel] :is(.app-settings-close,.dn-online-close,button[onclick^="App.closeModal"]){display:none!important}
body[data-dn-ui] [data-page-panel]>[data-modal-content]>div:first-child:has(>h3){display:none!important}
body[data-dn-ui] [data-page-panel]>[data-modal-content]>.flex:first-child:has(h3):has(button[onclick*="closeModal"]){display:none!important}
body[data-dn-ui] [data-page-panel] :is(.settings-tabs,.app-settings-tabs){display:flex;align-items:center;gap:8px;padding:0 0 18px;margin-bottom:20px;border-bottom:1px solid #eee;overflow-x:auto;background:none!important}
body[data-dn-ui] :is(.settings-tab-btn,.app-settings-tab-btn){border:1px solid transparent;border-radius:7px;padding:8px 12px;background:none!important;color:#888!important;white-space:nowrap;font-size:12px}
body[data-dn-ui] :is(.settings-tab-btn,.app-settings-tab-btn).active{color:#111!important;background:#f2f2f2!important;border-color:#e5e5e5}
body[data-dn-ui] :is(.app-settings-section,.app-settings-card,.dn-download-section,.dn-download-stat,.dn-download-enable,.dn37-user-row,.dn37-invite-row){background:#fafafa!important;border:1px solid #e7e7e7!important;border-radius:10px!important;box-shadow:none!important;color:#333}
body[data-dn-ui] .app-settings-section{padding:20px;margin-bottom:18px}.app-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.app-settings-col-span-2{grid-column:span 2}.app-settings-label{display:block;font-size:11px;margin-bottom:7px;color:#737373}.app-settings-hint{font-size:10px;color:#909090!important;margin-top:6px}.app-settings-section-title{font-size:13px;font-weight:600;margin:0 0 18px}.app-settings-switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}.app-settings-footer{padding:16px 0 0;border-top:1px solid #eee;background:none!important}.app-settings-title{display:flex;align-items:center;gap:12px}.app-settings-title p{font-size:11px;color:#888}.app-settings-title h1{font-size:17px}.app-settings-title-icon{background:#eee!important;color:#111!important}.app-settings-tabs{margin-top:10px}
body[data-dn-ui] .dn37-switch{background:#ddd!important}body[data-dn-ui] .dn37-switch:has(input:checked){background:#111!important}
body[data-dn-ui] :is(.dn37-user-row,.dn37-invite-row){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;margin-bottom:8px}.dn37-user-meta{display:flex;flex-wrap:wrap;gap:5px}.dn37-user-name{font-size:13px;font-weight:600}.dn37-user-role{font-size:10px}.dn37-role-tabs{display:flex;flex-wrap:wrap;gap:7px}.dn37-role-tabs button{padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:7px;font-size:11px}.dn37-role-tabs button.active{background:#111;color:#fff}.dn37-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body[data-dn-ui] .dn-online-window{background:#fff!important;max-width:none}.dn-online-header-top,.dn-online-title-row,.dn-online-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dn-online-header-top{justify-content:space-between}.dn-online-title-row h3{display:flex;align-items:center;gap:8px;font-size:15px}.dn-online-actions{margin-left:auto}.dn-online-header-sub{display:flex;justify-content:space-between;gap:10px;color:#888;font-size:11px}.dn-online-window .online-stat,.dn-online-stat{background:#f6f6f6!important;border-color:#eee!important}.dn-online-window input{padding:9px 12px}
/* Dialogs are reserved for editing one item and confirmations. */
body[data-dn-ui].modal-open,html.modal-open{overflow:hidden!important}
body[data-dn-ui] [data-modal]:not(.hidden){display:flex!important;align-items:center;justify-content:center;position:fixed!important;inset:0!important;padding:22px!important;background:rgba(0,0,0,.35)!important;backdrop-filter:none!important;overflow-y:auto;z-index:100}
body[data-dn-ui] [data-modal]>[data-modal-content]{background:#fff!important;border:1px solid #e7e7e7!important;border-radius:14px!important;box-shadow:0 20px 90px #0002!important;max-height:calc(100dvh - 44px)!important;overflow-y:auto!important;transform:none!important;animation:dn-dialog .16s ease-out}
body[data-dn-ui] [data-modal] h3{font-size:16px}.dn44-input-action{position:absolute;right:5px;top:5px}body[data-dn-ui] #mobileCreateFab{display:none!important}
body[data-dn-ui] .macos-toast-card{display:flex;align-items:center;gap:10px;background:#111;border:1px solid #333;color:#fff;padding:14px 18px;border-radius:11px;box-shadow:0 12px 32px #0002}.macos-toast-copy{display:flex;flex-direction:column;gap:3px;font-size:11px}.macos-toast-copy strong{font-size:12px}.macos-toast-icon{color:#fff}.macos-compact-toast{opacity:0;transform:translateY(-5px);transition:opacity .15s,transform .15s}.macos-compact-toast.is-visible{opacity:1;transform:none}
/* Public pages share the same quiet white shell. */
body[data-dn-ui] .dn-public-header{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:22px max(24px,calc((100vw - 1280px)/2));border-bottom:1px solid #e7e7e7;background:#fff;position:relative;z-index:20;flex-shrink:0;margin-bottom:32px}
.dn-public-header nav{display:flex;align-items:center;gap:22px}.dn-public-header nav a{font-size:12px;color:#888}.dn-public-header nav a:hover{color:#111}
body[data-dn-ui]:not([data-dn43-page=dashboard]){display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding:0!important;height:auto!important;overflow-y:auto!important}
body[data-dn-ui] :is(.macos-window,.page-shell){width:min(calc(100% - 40px),1040px)!important;margin:0 auto 40px!important;background:#fff!important;border:1px solid #e7e7e7!important;box-shadow:none!important;border-radius:16px!important;overflow:hidden}
body[data-dn-ui] :is(.titlebar,.window-top){display:flex;align-items:center;justify-content:space-between;padding:16px 24px!important;background:#fff!important;border-bottom:1px solid #eee!important;font-size:11px;color:#888!important}
body[data-dn-ui] :is(.window-content,.content){padding:32px!important;background:#fff!important}
body[data-dn-ui] :is(.header-icon,.login-icon,.brand-hero-icon,.header-icon i,.login-icon i){background:#f2f2f2!important;color:#111!important;box-shadow:none!important;border-color:#e7e7e7!important}
body[data-dn-ui] :is(.status-card,.mini-stat,.helper-card,.notice,.meta-card,.primary-box,.note-box,.game-card,.connected-card,.guest-claim-box,.key-display,.key-card,.key-stat,.feature-card,.cooldown-timer,.result-box,.connected-logout){background:#fafafa!important;border-color:#e7e7e7!important;box-shadow:none!important;color:#333!important;border-radius:10px!important}
body[data-dn-ui] :is(.pill,.pill.open,.pill.wait,.badge,.key-stat-value,.result-title,.result.success,.result.error,.result.warning,.result i,.result .title,.result-title,.cooldown-timer-value,.countdown-number,.copy-btn){color:#333!important;background-color:#f3f3f3!important;border-color:#ddd!important}
body[data-dn-ui] :is(.header p,.login-header p,.section-desc,.mini-label,.notice div,.meta-label,.file-meta,.card-meta,.helper-text,.result-desc,.window-footer,.connected-label,.guest-hint,.key-meta-label,.key-stat-label,.feature-desc,.cooldown-label,.result-msg,.login-footer){color:#858585!important}
body[data-dn-ui] :is(.window-footer,.footer,.login-footer){background:#fafafa!important;border-color:#eee!important}body[data-dn-ui] .window-footer a{color:#333!important}
body[data-dn-ui] .hero-overlay{background:linear-gradient(0deg,rgba(0,0,0,.55),transparent)!important}body[data-dn-ui] .hero-panel{background:#fff!important}body[data-dn-ui] .hero-title{color:#fff!important}.hero-title .brand-chip{color:#fff!important}
body[data-dn-ui] .hero-card{box-shadow:none!important;border:1px solid #eee}.hero-copy p{color:#888!important}.hero-copy h1{color:#111!important}
body[data-dn-ui] .tab-link{color:#888!important;background:none!important}body[data-dn-ui] .tab-link.active{color:#111!important;border-color:#111!important;background:#f2f2f2!important}
body[data-dn43-page=login]>.flex-1{padding:30px 20px 60px;min-height:calc(100dvh - 180px)}body[data-dn43-page=login] .card{padding:0!important;width:100%;max-width:440px;margin:auto;overflow:hidden}
.dn44-auth-titlebar{display:flex;justify-content:space-between;align-items:center;padding:17px 28px;border-bottom:1px solid #eee;font-size:11px;color:#999}.dn44-auth-body{padding:30px}.dn44-auth-body h1{font-size:25px;font-weight:700;color:#111!important}.dn44-auth-body .text-center.mb-8 p{font-size:12px;color:#888!important}.dn44-auth-body .brand-hero-icon{border-radius:14px;width:60px;height:60px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center}
body[data-dn-ui] #loginModeSwitch{display:flex;gap:5px;padding:4px;background:#f4f4f4!important;border:1px solid #e7e7e7!important;border-radius:9px;margin-bottom:24px}body[data-dn-ui] #loginModeSwitch button{flex:1;font-size:11px;padding:10px 8px;border:0;border-radius:6px;background:transparent!important;color:#888!important}body[data-dn-ui] #loginModeSwitch button[aria-pressed=true]{background:#fff!important;box-shadow:0 1px 4px #0001!important;color:#111!important}
body[data-dn-ui] #loginForm input,body[data-dn-ui] #registerForm input{padding-left:42px}body[data-dn-ui] #loginForm input[type=checkbox]{padding:0}.dn44-auth-body form label{font-size:11px}.dn44-auth-body form>label{margin-bottom:20px}.dn44-auth-body #loginBtn{width:100%;margin-top:10px}body[data-dn43-page=login]>div:last-child{background:none!important;color:#999!important}
body[data-dn-ui] .docs-shell,body[data-dn-ui] .guide-shell{display:block!important;width:min(calc(100% - 40px),1160px)!important;margin:auto!important;min-height:0!important;height:auto!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
.dn-doc-layout{width:min(calc(100% - 40px),1040px);margin:0 auto 60px}.dn-doc-heading{padding:20px 0 25px}.dn-doc-heading .dn-breadcrumb{margin-bottom:15px}.dn-doc-heading h1{font-size:30px;margin:0 0 9px}.dn-doc-heading p{font-size:13px;color:#888}.dn-doc-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.dn-doc-nav a{font-size:12px;color:#666;padding:8px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:8px}.dn-doc-section{padding:28px;background:#fff;border:1px solid #e7e7e7;border-radius:12px;margin-bottom:18px}.dn-doc-section h2{font-size:18px;margin:0 0 16px}.dn-doc-section p,.dn-doc-section li{font-size:13px;color:#777;line-height:1.9}.dn-doc-section code{font-size:12px;background:#f5f5f5;color:#333;padding:3px 6px;border-radius:5px;overflow-wrap:anywhere}.dn-doc-section pre{background:#f5f5f5;padding:16px;border-radius:8px;overflow:auto;font-size:12px}.dn-doc-section table{margin-top:16px}.dn-doc-section td,.dn-doc-section th{line-height:1.8}
@keyframes dn-dialog{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}
@media(min-width:768px){body[data-dn-ui] .md\:hidden{display:none}body[data-dn-ui] .hidden.md\:block{display:block}body[data-dn-ui] .hidden.md\:flex{display:flex}body[data-dn-ui] .hidden.md\:grid{display:grid}}
@media(max-width:1000px){.dn-header-inner{padding:0 24px}.dn-top-nav{padding:0 24px;gap:24px}body[data-dn-ui] .dashboard-main{padding:30px 24px 45px}.dn43-create-grid{grid-template-columns:1.4fr 1fr 1fr}.dn43-field:last-child{grid-column:span 2}.dn43-create-heading span{display:none}}
@media(max-width:767px){.dn-header-inner{height:68px;padding:0 18px;gap:10px}.dn-brand{font-size:19px;gap:10px}.dn-brand-mark{width:33px;height:33px;font-size:22px}.dn-brand small{font-size:7px;letter-spacing:1.6px}.dn-help{display:none}.dn-header-right{gap:10px}.dn-account{gap:6px;font-size:11px}.dn-account>span:nth-child(2){max-width:90px;overflow:hidden;text-overflow:ellipsis}.dn-logout{padding-left:10px}.dn-top-nav{gap:23px;padding:0 18px}.dn-top-nav>a{font-size:11px;padding:13px 0 15px;gap:6px}.dn-top-nav>a i{font-size:11px}body[data-dn-ui] .dashboard-main{padding:24px 16px 40px}.dn-page-heading{align-items:flex-start;margin-bottom:22px;gap:10px}.dn-page-heading h1{font-size:23px}.dn-page-heading p{font-size:11px;max-width:260px}.dn-breadcrumb{font-size:9px;margin-bottom:12px}.dn-server-status{padding:6px 8px;font-size:8px;margin-top:29px;gap:5px}.dn43-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dn45-stat{padding:15px;min-height:86px}.dn45-stat:first-child{grid-column:span 2;min-height:80px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}.dn45-stat-number{font-size:24px}.dn45-stat-label{font-size:10px}.dn45-stat-dot{right:15px;top:19px}.dn-key-search{max-width:none}.dn43-create-form{padding:16px}.dn43-create-heading{margin-bottom:17px}.dn43-create-heading>div>i{display:none}.dn43-create-heading strong{font-size:12px}.dn43-create-heading .dn43-primary{font-size:11px;padding:8px 12px;min-height:38px}.dn43-create-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dn43-field-key,.dn43-field:last-child{grid-column:span 2}.dn43-field:nth-child(2){grid-column:span 2}.dn43-presets>span{width:100%}.dn43-presets{gap:6px;margin-top:17px}.dn43-presets button{padding:6px 9px}.dn-key-tools summary{font-size:11px}.dn-subnav{gap:5px;padding-bottom:17px}.dn-subnav a{font-size:10px;padding:7px 9px}.dn43-sidebar-tools-body{flex-direction:column}body[data-dn-ui] [data-page-panel]>[data-modal-content]{padding:17px!important}body[data-dn-ui] [data-page-panel] .app-settings-section{padding:15px}.app-settings-grid,.dn37-form-grid{grid-template-columns:1fr}.app-settings-col-span-2{grid-column:auto}.app-settings-switch-row{gap:12px}.app-settings-title h1{font-size:15px}.app-settings-title p{font-size:10px}.dn-online-actions{margin-left:0;width:100%}.dn-online-header-sub{flex-direction:column;gap:6px}.dn37-user-row{align-items:flex-start!important;flex-wrap:wrap}.dn37-invite-row{align-items:flex-start!important;flex-wrap:wrap}.responsive-pagination{flex-wrap:wrap;gap:12px}.responsive-pagination>div{justify-content:center;flex-wrap:wrap}.files-toolbar-actions{width:100%}.files-search-wrap{flex:1}.files-search-wrap input{width:100%!important}body[data-dn-ui] [data-modal]:not(.hidden){padding:12px!important}body[data-dn-ui] [data-modal]>[data-modal-content]{max-height:calc(100dvh - 24px)!important;padding:20px!important}body[data-dn-ui] #mobileCreateModal{align-items:center!important}body[data-dn-ui] .dn-public-header{padding:17px 18px;margin-bottom:24px;flex-wrap:wrap;gap:17px}.dn-public-header nav{gap:18px;width:100%;border-top:1px solid #eee;padding-top:14px;overflow:auto}.dn-public-header nav a{font-size:11px;white-space:nowrap}body[data-dn-ui] :is(.macos-window,.page-shell){width:calc(100% - 28px)!important;border-radius:12px!important}body[data-dn-ui] :is(.window-content,.content){padding:22px!important}body[data-dn-ui] :is(.titlebar,.window-top){padding:14px 20px!important}.dn-doc-section{padding:20px}.dn-doc-heading h1{font-size:26px}.dn-doc-section table{display:block;overflow:auto}.dn44-auth-body{padding:24px}.dn44-auth-titlebar{padding:15px 24px}body[data-dn43-page=login]>.flex-1{padding:0 16px 30px;min-height:0}body[data-dn-ui] [class*="text-[10px]"]{font-size:11px}.dn-online-window #online-table-view{overflow:auto}.dn-online-window #online-table-view table{min-width:660px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body[data-dn-ui] *,body[data-dn-ui] *::before,body[data-dn-ui] *::after{animation:none!important;transition:none!important}}
/* Selection controls and lightweight chat dialog. */
body[data-dn-ui] .dn-key-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-height:20px;border:1px solid #d5d5d5;border-radius:5px;background:#fff;color:transparent;padding:0;flex:none}
body[data-dn-ui] .dn-key-check.is-checked{background:#111!important;border-color:#111;color:#fff!important}
body[data-dn-ui] .dn-key-check i{font-size:10px;color:inherit!important}
body[data-dn-ui] .peer:checked+div{background:#111!important}
body[data-dn-ui] .sr-only{width:1px!important;height:1px!important;min-height:0!important}
body[data-dn-ui] :is(.feature-icon,.feature-icon.green,.feature-icon.blue,.feature-icon.amber,.feature-icon.rose){background:#f2f2f2!important;color:#333!important}
body[data-dn-ui] .dn47-service-nav{display:flex;gap:8px;margin:0 0 24px;padding:0;flex-wrap:wrap}
body[data-dn-ui] .dn47-service-nav a{display:flex;align-items:center;gap:7px;background:#f6f6f6;border:1px solid #e7e7e7;padding:8px 12px;border-radius:8px;color:#777;font-size:11px}
body[data-dn-ui] .dn47-service-nav a.active{background:#111!important;color:#fff!important;border-color:#111!important}
body[data-dn-ui] .dn47-service-nav a.active i{color:inherit!important}
body[data-dn-ui] #sendMessageWsModal{background:rgba(0,0,0,.35)!important;padding:20px;align-items:center;justify-content:center}
body[data-dn-ui] .dn-send-message-window{width:min(100%,480px);max-height:calc(100dvh - 40px);overflow:auto;padding:26px;background:#fff;border:1px solid #ddd;border-radius:14px;box-shadow:0 20px 70px #0002}
.dn-send-message-window h3{font-size:16px;margin:0 0 22px}.send-message-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.send-message-actions button{padding:10px 18px;border:1px solid #ddd;border-radius:8px;font-size:12px}
body[data-dn-ui] #send-msg-ws-submit{background:#111!important;color:#fff!important}.dn-send-message-window #send-msg-ws-submit i{color:inherit!important}
body[data-dn-ui] .online-mobile-session-card{border:1px solid #e5e5e5;border-radius:11px;background:#fafafa;padding:17px;margin:10px 0;color:#333}
.online-mobile-empty,.online-mobile-error{padding:32px;text-align:center;color:#888;font-size:12px}
.online-mobile-session-head{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding-bottom:13px;border-bottom:1px solid #e7e7e7}
.online-mobile-session-key{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px;overflow-wrap:anywhere}
.online-mobile-session-actions{display:flex;gap:5px;flex-wrap:wrap}.online-mobile-session-actions button{padding:8px;border:1px solid #ddd;background:#fff;border-radius:7px;font-size:11px}
.online-mobile-session-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding-top:15px}.online-mobile-session-field{display:flex;flex-direction:column;gap:3px;min-width:0}.online-mobile-session-label{font-size:9px;color:#999}.online-mobile-session-value{font-size:11px;overflow-wrap:anywhere}.online-mobile-session-sub{font-size:9px;color:#999;overflow-wrap:anywhere}
body[data-dn-ui] :is(.dash-header,.login-header,.key-card-header,.hero-head){background:#fff!important;color:#171717!important;border-color:#eee!important}
body[data-dn-ui] :is(.key-value-text,.key-value-display,.feature-title,.mini-value,.key-meta-value,.connected-name,.section-title,.key-card-title,.file-title,.card-title){color:#262626!important}
body[data-dn-ui] .key-card-mobile{padding:17px!important}.key-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.key-card-identity{display:flex;gap:10px;align-items:flex-start}.key-value-mobile{font-size:13px!important;letter-spacing:.02em!important;overflow-wrap:anywhere}.key-note-mobile{font-size:10px!important;color:#999!important}.key-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.key-info-cell{padding:12px!important}.key-info-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.key-info-label{font-size:10px;color:#999}.key-info-value,.key-expiry-value{font-size:12px;color:#444;font-weight:600}.key-expiry-value{margin-top:8px}.key-device-track{height:3px;background:#e4e4e4;border-radius:4px;margin-top:10px;overflow:hidden}.key-device-fill{height:100%;background:#444}.key-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.key-action-grid button{padding:7px!important;min-height:37px!important;font-size:10px!important}.key-action-grid button i{font-size:10px}.dn-key-check-mobile{margin-top:1px!important}
body[data-dn-ui] #filesContainer .glass{padding:18px}.dn37-avatar{display:flex;align-items:center;justify-content:center;width:54px;height:54px;background:#eee;border-radius:50%;margin:0 auto;overflow:hidden}.dn37-avatar img{width:100%;height:100%;object-fit:cover}
body[data-dn-ui] #accountSettingsModal [data-modal-content]{width:min(100%,680px)}
@media(min-width:768px){.key-list-table{min-width:800px}body[data-dn-ui] #keysContainer>div:has(>.key-list-table){overflow-x:auto!important}}

.dn-login-footer{text-align:center;color:#999;font-size:10px;padding:18px;margin-top:auto;border-top:1px solid #e7e7e7}.fade-in{animation:dn-dialog .2s ease-out}body[data-dn-ui] .logo-ring{animation:none!important;background:#eee!important}

body[data-dn-ui] [data-page-panel] [class*="max-h-"]{max-height:none!important}