:root{--font-iphone: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;--bg: #f8fafc;--bg-overlay: #f8fafc;--table-header-bg: #003b2d;--table-text-color: #111827;--panel: #ffffff;--panel-2: #f1f5f9;--text: #0f172a;--muted: #64748b;--line: #e2e8f0;--accent: #08785a;--accent-strong: #056247;--danger: #ef4444;--shadow: 0 10px 15px -3px rgba(0, 0, 0, .04), 0 4px 6px -4px rgba(0, 0, 0, .04);--radius: 12px;--ui-focus: #08785a;--ui-focus-ring: rgba(8, 120, 90, .18);--ui-touch-target: 44px;--ui-space-1: 4px;--ui-space-2: 8px;--ui-space-3: 12px;--ui-space-4: 16px;--ui-space-5: 24px;--ui-space-6: 32px;font-family:var(--font-iphone);transition:background-color .3s ease,color .3s ease}:root{--font-iphone: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;--bg: #f8fafc;--bg-overlay: #f8fafc;--table-header-bg: #4f46e5;--table-text-color: #111827;--panel: #ffffff;--panel-2: #f1f5f9;--text: #0f172a;--muted: #64748b;--line: #e2e8f0;--accent: #6366f1;--accent-strong: #4f46e5;--danger: #ef4444;--shadow: 0 10px 15px -3px rgba(0, 0, 0, .04), 0 4px 6px -4px rgba(0, 0, 0, .04);--radius: 12px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);font-family:var(--font-iphone);transition:background-color .3s ease,color .3s ease}.dth-login{min-height:100vh;background:radial-gradient(60% 70% at 12% 18%,rgba(52,255,179,.18) 0%,transparent 65%),radial-gradient(38% 44% at 86% 18%,rgba(255,255,255,.06) 0%,transparent 60%),radial-gradient(48% 52% at 86% 82%,rgba(34,197,94,.18) 0%,transparent 62%),linear-gradient(125deg,#031e19,#043d31 46%,#065544);color:#e6fff2;font-family:Inter,var(--font-iphone)}.dth-login-layout{display:grid;grid-template-columns:minmax(660px,1fr) minmax(500px,560px);gap:64px;align-items:center;max-width:1380px;margin:0 auto;padding:40px 48px;min-height:100svh}.dth-login-left{padding:0;position:relative;display:grid;grid-template-columns:minmax(360px,440px) minmax(260px,340px);gap:48px;align-items:center;min-height:470px}.dth-login-branding{display:grid;gap:24px;max-width:440px}.dth-login-logo{display:flex;align-items:center;gap:14px;flex-wrap:nowrap}.dth-login-cube{width:56px;height:56px;border-radius:12px;background:linear-gradient(145deg,#1bd97d,#067847);display:grid;place-items:center;color:#effff5;box-shadow:0 12px 34px #17ca7447}.dth-login-logo p{margin:0;color:#cfeede;font-size:15px;font-weight:800;letter-spacing:.08em;line-height:1.15;white-space:nowrap}.dth-login-features{margin-top:18px;display:grid;gap:22px;max-width:440px}.dth-login-features>div{display:grid;grid-template-columns:50px 1fr;gap:16px;align-items:start}.dth-login-features>div>span{width:50px;height:50px;border-radius:12px;background:linear-gradient(140deg,#23d47d42,#0d754a73);border:1px solid rgba(137,245,192,.24);display:grid;place-items:center;color:#d8ffea}.dth-login-features b{display:block;font-size:22px;color:#f4fff9;margin-top:0;line-height:1.15}.dth-login-features p{margin-top:6px;color:#c7e7d9;font-size:15px;line-height:1.45}.dth-login-copyright{color:#a2ccb8;font-size:13px;margin-top:4px}.dth-login-right{display:grid;place-items:center;padding:0}.dth-login-card{width:100%;background:#fffffffa;border-radius:14px;border:1px solid rgba(219,230,223,.9);box-shadow:0 28px 90px #00000038;overflow:hidden;color:#0a1d2d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dth-login-card>h2{margin:18px 0 0;text-align:center;font-size:30px;font-weight:850;letter-spacing:0}.dth-login-status{margin:10px 42px 0;padding:10px 14px;border-radius:10px;background:#eefaf3;border:1px solid #d2ead9;color:#0f6e42;font-size:13px;font-weight:700;line-height:1.35;text-align:center}.dth-login-icon{margin:34px auto 0;width:86px;height:86px;border-radius:999px;display:grid;place-items:center;color:#0d7a48;background:linear-gradient(180deg,#e2f8eb,#d3f2df);box-shadow:inset 0 1px #ffffffb3}.dth-login-form{padding:14px 42px 22px;display:grid;gap:8px}.dth-login-form>label{display:block;margin-bottom:0;font-size:15px;color:#223347;font-weight:750;letter-spacing:0}.dth-login-input-wrap{display:flex;align-items:center;gap:10px;height:54px;border:1px solid #ced7e1;border-radius:10px;padding:0 14px;background:linear-gradient(180deg,#fff,#fbfdff);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.dth-login-input-wrap:focus-within{border-color:#0f8c5473;box-shadow:0 0 0 4px #0f8c5414}.dth-login-input-wrap>svg:first-child{color:#69778a}.dth-login-input-wrap input{border:0;outline:0;width:100%;height:100%;font-size:16px;color:#0f1c2d;background:transparent;min-width:0}.dth-login-password-toggle{border:0;background:transparent;color:#0f8c54;display:grid;place-items:center;width:28px;height:28px;padding:0;cursor:pointer;flex:0 0 auto}.dth-login-password-toggle:focus-visible{outline:2px solid rgba(15,140,84,.35);outline-offset:2px;border-radius:999px}.dth-login-password-head{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.dth-login-submit{width:100%;border:0;height:54px;margin-top:14px;border-radius:10px;color:#fff;font-weight:800;font-size:18px;background:linear-gradient(90deg,#0d8a4f,#055e36);display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 12px 26px #0a734038}.dth-login-submit:disabled{opacity:.75;cursor:not-allowed}.dth-login-mode-switch{width:100%;border:0;margin-top:12px;padding:10px;background:transparent;color:#087446;font-weight:750;cursor:pointer}.dth-login-mode-switch:hover{text-decoration:underline}@media(max-width:1480px){.dth-login-layout{grid-template-columns:minmax(600px,1fr) minmax(480px,540px);max-width:1280px;gap:48px}}@media(max-width:1100px){.dth-login-layout{grid-template-columns:1fr;gap:24px;padding:22px 16px}.dth-login-left{order:2;padding:6px 16px 22px;grid-template-columns:1fr;min-height:auto}.dth-login-right{order:1;padding:16px}.dth-login-features{display:none}.dth-login-copyright{display:block;margin-top:14px}.dth-login-form{padding:0 16px 18px}.dth-login-status{margin:10px 16px 0}}html.dark{--bg: #090d16;--table-header-bg: #1e1b4b;--panel: #111827;--panel-2: #1f2937;--text: #f8fafc;--muted: #94a3b8;--line: #1f2937;--accent: #818cf8;--accent-strong: #6366f1;--danger: #f87171;--shadow: 0 20px 25px -5px rgba(0, 0, 0, .25), 0 8px 10px -6px rgba(0, 0, 0, .25)}html.dark body{background:linear-gradient(#1e293b 1px,transparent 1px),linear-gradient(90deg,#1e293b 1px,transparent 1px),var(--bg);background-size:64px 64px}html.dark .topbar{background:#111827d9;border-bottom-color:var(--line)}html.dark .control-strip{background:#111827e6;border-color:var(--line)}html.dark input,html.dark select,html.dark textarea{border-color:var(--line);background:var(--panel-2);color:var(--text)}html.dark input:focus,html.dark select:focus,html.dark textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #818cf826}html.dark .tool-button,html.dark .ghost-button,html.dark .icon-button,html.dark .cell-action{border-color:var(--line);background:var(--panel);color:var(--text)}html.dark .tool-button:hover,html.dark .ghost-button:hover,html.dark .icon-button:hover,html.dark .cell-action:hover{border-color:#4b5563;background:var(--panel-2)}html.dark .table-panel{border-color:var(--line)}html.dark th,html.dark td{border-color:#374151}html.dark tbody tr.row-red{background:#ef444459!important;color:var(--text)!important}html.dark tbody tr.row-blue{background:#3b82f626!important;color:var(--text)!important}html.dark tbody tr.row-green{background:#22c55e59!important;color:var(--text)!important}html.dark tbody tr.row-cyan{background:#06b6d426!important;color:var(--text)!important}html.dark tbody tr.row-plain{background:var(--panel)!important;color:var(--text)!important}html.dark .row-plain .muted-cell{color:var(--muted)}html.dark .muted-cell{color:#f8fafc73}html.dark tbody tr:hover{background:var(--panel-2)!important;filter:none}html.dark .modal{border-color:var(--line);background:var(--panel);color:var(--text)}html.dark .modal::backdrop{background:#0009}html.dark .status-row span,html.dark .record-meta,html.dark .history-item,html.dark .field-row{border-color:var(--line);background:var(--panel-2)}html.dark .record-meta span,html.dark .history-meta span{border-color:var(--line);background:var(--panel)}html.dark .toast{border-color:#1a6e3a;background:#0d2818;color:#56d364}html.dark .auth-panel{border-color:var(--line);background:#161b22fa}html.dark .auth-error-inline{border-color:#6e2a2a;background:#2a1010;color:#f85149}html.dark .cell-action{color:var(--text)}html.dark .add-field-row{border-top-color:var(--line)}*{box-sizing:border-box}body{min-height:100vh;min-height:100dvh;margin:0;background:linear-gradient(#f1f5f9 1.5px,transparent 1.5px),linear-gradient(90deg,#f1f5f9 1.5px,transparent 1.5px),var(--bg);background-size:64px 64px;color:var(--text)}.app-loading-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:#041a1680;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .28s ease,visibility .28s ease}.app-loading-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.app-loading-card{width:min(360px,100%);display:grid;justify-items:center;gap:12px;padding:26px 22px 22px;border:1px solid rgba(15,118,72,.16);border-radius:12px;background:#fffffffa;box-shadow:0 24px 60px #0f172a33}.loader{width:50px;aspect-ratio:1;display:grid}.loader:before{content:"";grid-area:1 / 1;--c: no-repeat radial-gradient(farthest-side, #25b09b 92%, #0000);background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-size:12px 12px;animation:l12 1s linear infinite}.loader.loader-inline{width:18px}.loader.loader-inline:before{background-size:4px 4px}.app-loading-title{color:#0f172a;font-size:17px;font-weight:900}.app-loading-text{margin:0;color:#475569;font-size:14px;font-weight:600;text-align:center}@keyframes l12{to{transform:rotate(.5turn)}}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.svg-sprite{display:none}.app-shell{display:flex;min-height:100vh;min-height:100dvh;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:calc(16px + var(--safe-area-top)) max(clamp(16px,4vw,48px),calc(16px + var(--safe-area-right))) 12px max(clamp(16px,4vw,48px),calc(16px + var(--safe-area-left)));border-bottom:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.title-group{flex:1;min-width:0}.topbar.title-align-center .title-group{text-align:center}.topbar.title-align-center .status-row{justify-content:center}.topbar.title-align-right .title-group{text-align:right}.topbar.title-align-right .status-row{justify-content:flex-end}h1{margin:0;color:#071ee6;font-size:clamp(28px,4.4vw,46px);line-height:1;letter-spacing:0;overflow-wrap:anywhere}.status-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;color:var(--muted);font-size:13px}.status-row span{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#fff}.header-actions,.dialog-actions,.add-field-row{display:flex;align-items:center;gap:10px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-actions .status-row{flex:0 1 380px;justify-content:flex-end;margin-top:0;margin-right:2px}.header-actions .status-row span{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{display:flex;flex:1;flex-direction:column;gap:14px;padding:16px max(clamp(12px,4vw,48px),calc(12px + var(--safe-area-right))) calc(28px + var(--safe-area-bottom)) max(clamp(12px,4vw,48px),calc(12px + var(--safe-area-left)))}.control-strip{display:flex;align-items:flex-end;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#fffffff5;box-shadow:0 4px 16px #17212b0d}.search-box,.select-field,.field{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.search-box{min-width:min(420px,100%);flex:1 1 320px;position:relative}.add-record-toolbar-button{flex:0 0 auto;min-width:138px}.search-box svg{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:#5a6673}.search-box input{width:100%;height:42px;padding:0 12px 0 40px}.select-field{min-width:150px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);outline:none;transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}input,select{min-height:40px;padding:0 12px}textarea{min-height:90px;resize:vertical;padding:12px}input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0;accent-color:var(--accent)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}.primary-button,.tool-button,.ghost-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid transparent;border-radius:8px;font-weight:600;line-height:1;transition:border-color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.primary-button{padding:0 18px;background:var(--accent);color:#fff;box-shadow:0 4px 12px #6366f126}.primary-button:hover{background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 6px 16px #6366f140}.primary-button:active{transform:translateY(0)}.tool-button,.ghost-button,.icon-button{border-color:var(--line);background:var(--panel);color:var(--text)}.tool-button,.ghost-button{padding:0 14px}.tool-button:hover,.ghost-button:hover,.icon-button:hover{border-color:var(--muted);background:var(--panel-2);transform:translateY(-1px)}.tool-button:active,.ghost-button:active,.icon-button:active{transform:translateY(0)}.icon-button{width:40px;padding:0}.table-panel{min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.table-wrap{overflow:auto;max-height:calc(100vh - 210px)}table{width:100%;min-width:1120px;border-collapse:collapse;table-layout:fixed;font-size:14px}thead{position:sticky;top:0;z-index:5}th,td{border:1px solid var(--line);padding:0;vertical-align:middle}th:first-child,td:first-child{border-left:4px solid transparent}th{background:var(--panel-2)!important;color:var(--muted)!important;font-weight:600;font-size:12px;letter-spacing:.05em;text-transform:uppercase;text-align:left}th.stt-col,th.actions-col{text-align:center;padding:12px 16px}th button{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:12px 16px;border:0;background:transparent;color:inherit;font-weight:600;font-size:12px;letter-spacing:.05em;text-transform:uppercase;transition:background-color .2s ease}th button:hover{background-color:#0000000a}html.dark th button:hover{background-color:#ffffff0a}.sort-mark{display:inline-flex;width:16px;justify-content:center;margin-left:4px;font-size:11px}td{overflow:hidden;font-weight:500;text-align:left}td:first-child,td:last-child{text-align:center}.stt-col{width:74px}.actions-col{width:196px}.cell-content{display:block;width:100%;overflow:hidden;padding:12px 16px;text-overflow:ellipsis;white-space:nowrap}.cell-actions{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px}.cell-action{width:32px;height:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--muted);transition:border-color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.cell-action svg{width:15px;height:15px;stroke-width:2.2}.cell-action[data-action=copy]:hover{border-color:#6366f166;background-color:#6366f114;color:var(--accent)}.cell-action[data-action=history]:hover{border-color:#22c55e66;background-color:#22c55e14;color:#16a34a}.cell-action[data-action=edit]:hover{border-color:#6366f166;background-color:#6366f114;color:var(--accent)}.cell-action[data-action=delete]:hover{border-color:#ef444466;background-color:#ef444414;color:var(--danger)}tbody tr{background:var(--panel);color:var(--text);transition:background-color .15s ease}tbody tr:hover{background-color:var(--panel-2)!important}tbody tr.row-red td:first-child{border-left:4px solid #ef4444!important}tbody tr.row-blue td:first-child{border-left:4px solid #3b82f6!important}tbody tr.row-green td:first-child{border-left:4px solid #22c55e!important}tbody tr.row-cyan td:first-child{border-left:4px solid #06b6d4!important}.muted-cell{color:var(--muted);opacity:.7}.empty-state{display:grid;gap:4px;place-items:center;min-height:180px;color:var(--muted);text-align:center}.empty-state strong{color:var(--text);font-size:18px}.hidden{display:none}.modal{width:min(720px,calc(100vw - 28px));max-height:min(760px,calc(100vh - 28px));overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:0 25px 50px -12px #00000026}.modal::backdrop{background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-form{display:grid;gap:20px;margin:0;padding:24px}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-header h2{margin:0;font-size:22px;letter-spacing:0}.dialog-helper-text{margin:-4px 0 0;color:var(--muted);font-size:13px;font-weight:650;line-height:1.55}.table-name-modal{width:min(460px,calc(100vw - 28px))}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .wide{grid-column:1 / -1}.checkbox-field{display:flex;min-height:72px;justify-content:flex-end}.checkbox-field input[type=checkbox]{width:22px;height:22px;min-height:22px}.title-style-grid{display:grid;grid-template-columns:96px 120px minmax(180px,1fr);gap:14px;align-items:end}.theme-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}input[type=color]{min-height:42px;padding:4px}.dialog-actions{justify-content:flex-end}.field-list{display:grid;gap:10px}.field-modal{width:min(980px,calc(100vw - 24px));max-width:980px;overflow-x:hidden}.field-modal .dialog-form{padding:18px clamp(12px,2vw,20px);overflow-x:hidden}.field-modal .dialog-header{position:relative;padding-right:56px}.field-modal .dialog-header h2{min-width:0;overflow-wrap:anywhere}.field-modal #closeFieldDialogBtn{position:absolute;top:50%;right:0;transform:translateY(-50%)}.record-meta{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;color:var(--muted);font-size:13px;font-weight:800}.record-meta.hidden{display:none}.record-meta span,.history-meta span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#fff}.history-meta{display:flex;flex-wrap:wrap;gap:8px}.history-list{display:grid;gap:10px}.history-item{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc}.history-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.history-head strong{color:var(--text)}.history-time{color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.history-changes{display:grid;gap:6px;margin:0;padding:0;list-style:none}.history-changes li{display:grid;grid-template-columns:minmax(120px,160px) minmax(0,1fr);gap:8px;color:var(--muted);font-size:13px}.history-changes b{color:var(--text)}.history-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-row{display:grid;grid-template-columns:34px minmax(0,1.15fr) minmax(96px,.72fr) minmax(96px,.72fr) minmax(0,1.28fr) minmax(92px,.68fr) 142px;gap:10px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc}.field-order-hint{display:flex;align-items:center;gap:7px;margin:-2px 0 12px;color:#6d8179;font-size:12px;font-weight:600}.field-order-hint>span{color:#168160;font-size:17px;line-height:1;transform:rotate(90deg)}.field-row .field,.field-row input,.field-row select{min-width:0}.status-field-row{grid-template-columns:34px minmax(0,1.08fr) minmax(92px,.66fr) minmax(92px,.66fr) minmax(0,1.6fr) minmax(88px,.62fr) 142px;align-items:start}.field-reorder-handle{display:grid;width:34px;min-height:40px;align-self:end;place-items:center;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#7a8f87;cursor:grab}.field-reorder-handle>span{font-size:21px;line-height:1;transform:rotate(90deg)}.field-reorder-handle:hover,.field-reorder-handle:focus-visible{border-color:#bcd9cd;background:#eaf6f0;color:#08785a}.field-reorder-handle:active{cursor:grabbing}.field-row.is-dragging{opacity:.45}.field-row.is-drag-over{border-color:#168160;background:#edf9f3;box-shadow:0 0 0 2px #1681601f}.field-row.is-column-hidden{border-style:dashed;background:#f7f9f8}.field-row.is-column-hidden .field>span{color:#899991}.field-row-actions{display:flex;align-items:end;justify-content:flex-end;gap:5px}.field-row-actions .icon-button,.field-reorder-button{width:32px;height:40px;min-height:40px;padding:0;font-size:17px;font-weight:800}.field-row-actions .icon-button:disabled{opacity:.35}.field-visibility-button.is-hidden{border-color:#c7d4cf;background:#edf2f0;color:#73847d}.status-options-builder{display:grid;gap:8px}.status-options-toggle{display:flex;width:100%;min-height:36px;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border:1px solid #cfe1da;border-radius:8px;background:#f7fbf9;color:#23604c;font-size:12px;font-weight:800}.status-options-toggle:hover{border-color:#9bc8b8;background:#edf8f2}.status-options-toggle-chevron{font-size:16px;line-height:1;transition:transform .16s ease}.status-options-toggle.is-expanded .status-options-toggle-chevron{transform:rotate(180deg)}.status-options-list{display:grid;gap:6px}.status-options-list[hidden],.status-option-add-row[hidden],.status-option-add-trigger[hidden]{display:none!important}.status-option-item{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:6px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.status-option-label{font-size:13px;font-weight:700;color:var(--text);white-space:normal;overflow:hidden;text-overflow:ellipsis}.status-option-delete{width:30px;height:30px;min-height:30px;grid-column:2;grid-row:1}.status-option-item .status-option-appearance-editor{grid-column:1 / -1;grid-row:2}.status-option-add-row{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:6px;align-items:center}.status-option-add-row>input{grid-column:1 / -1}.status-option-add-row .status-option-appearance-editor{min-width:0}.status-option-color-picker{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:32px;padding:3px 7px 3px 4px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer}.status-option-appearance-editor{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;min-width:0;gap:6px}.status-option-color-input{width:30px;height:22px;min-height:22px;padding:0;border:0;border-radius:7px;background:transparent;cursor:pointer}.status-option-color-input::-webkit-color-swatch-wrapper{padding:0}.status-option-color-input::-webkit-color-swatch{border:1px solid rgba(17,24,39,.18);border-radius:7px}.status-option-color-value{color:var(--muted);font-size:10px;font-weight:850;font-variant-numeric:tabular-nums;letter-spacing:.02em}.status-option-opacity-control{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px;align-items:center;min-width:0}.status-option-add-row>.tool-button{min-height:32px;padding-inline:8px;font-size:12px}.status-option-opacity-label{display:none}.status-option-opacity-range{width:100%;height:18px;min-height:18px;padding:0;border:0;background:transparent;box-shadow:none;accent-color:var(--accent);cursor:pointer}.status-option-opacity-range:focus{box-shadow:none}.status-option-opacity-value{color:var(--muted);font-size:10px;font-weight:850;font-variant-numeric:tabular-nums;text-align:right}.status-option-add-trigger{justify-self:start;min-height:34px;padding-inline:11px;font-size:12px}@media(max-width:720px){.status-option-appearance-editor{grid-template-columns:1fr}}.add-field-row{align-items:end;padding-top:8px;border-top:1px solid var(--line)}.add-field-row .field{flex:1}.add-field-row .compact{flex:0 0 150px}.add-field-row .compact-format{flex:0 0 170px}.add-field-row .compact-options{flex:1.2 1 220px}.toast{position:fixed;right:18px;bottom:18px;z-index:50;max-width:min(420px,calc(100vw - 36px));padding:12px 14px;border:1px solid #1f6f43;border-radius:var(--radius);background:#eaf8ef;color:#154f31;font-weight:800;box-shadow:var(--shadow);transform:translateY(20px);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.toast.show{transform:translateY(0);opacity:1;pointer-events:auto}.auth-viewport{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:28px;background:radial-gradient(circle at 18% 18%,rgba(123,190,255,.36),transparent 30%),linear-gradient(135deg,#55a5f2,#1b6ec2 52%,#0f5ca6)}.auth-panel{display:grid;gap:18px;width:min(440px,100%);padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fffffffa;box-shadow:var(--shadow)}.auth-panel-loading{align-self:center;align-content:center;justify-items:center;text-align:center}.auth-panel-loading p{margin:0;color:#475569;font-size:14px;font-weight:650}.auth-error-inline{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:10px;border:1px solid #efb1b1;border-radius:6px;background:#fff1f1;color:#882626;font-size:13px;font-weight:700}.auth-error-inline svg{width:16px;height:16px;margin-top:1px}.auth-shell{min-height:100vh}@media(max-width:840px){.topbar{align-items:stretch;flex-direction:column}.header-actions{justify-content:flex-end}.control-strip{align-items:stretch;flex-wrap:wrap}.add-record-toolbar-button{flex:1 1 150px}.select-field{flex:1 1 170px}.tool-button,.primary-button{flex:1 1 auto}.table-wrap{max-height:calc(100vh - 300px)}.form-grid,.title-style-grid,.theme-style-grid,.field-row,.add-field-row{grid-template-columns:1fr}.field-reorder-handle{justify-self:start;min-height:34px}.field-row-actions{justify-content:flex-start}.history-head,.history-changes li{grid-template-columns:1fr}.history-head{align-items:flex-start;flex-direction:column}.add-field-row{align-items:stretch;flex-direction:column}.add-field-row .compact,.add-field-row .compact-format,.add-field-row .compact-options{flex-basis:auto}.auth-panel{padding:18px}}.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid transparent;border-radius:6px;background:var(--danger);color:#fff;font-weight:800;line-height:1;cursor:pointer}.danger-button:hover{background:#a82222}html.dark .danger-button:hover{background:#da3633}.confirm-modal{width:min(440px,calc(100vw - 28px))}.activity-modal{width:min(920px,calc(100vw - 24px));max-width:920px;max-height:min(86vh,700px);overflow:hidden}.activity-modal .dialog-form{display:flex;flex-direction:column;gap:10px;height:min(86vh,700px);min-width:0;padding:18px;text-align:left;overflow:hidden}.activity-modal .dialog-form>*{min-width:0}.activity-header{position:static;padding:0}.activity-header h2{margin:0;font-size:22px;line-height:1.2;letter-spacing:0;color:var(--text)}.activity-subtitle{margin:0;color:var(--muted);font-size:14px;font-weight:600}.activity-meta{display:flex;flex-wrap:wrap;gap:8px}.activity-meta>span{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(180deg,#fff,#f4f8ff);color:#365172;font-size:13px;font-weight:800}.activity-list{flex:1 1 auto;min-height:260px;min-width:0;overflow-y:auto;overflow-x:hidden;display:grid;gap:10px;padding:2px 2px 4px 0;align-content:start}.activity-item{width:100%;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#fff,#f8fbff);padding:10px 12px;box-shadow:0 6px 16px #0f172a0f}.activity-item-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.activity-item-action{min-width:0;color:var(--text);font-size:18px;font-weight:800;line-height:1.25;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-item-time{white-space:nowrap;color:#3c5577;font-size:13px;font-weight:700}.activity-item-detail{margin-top:8px;color:#445572;font-size:13px;font-weight:600;line-height:1.4;white-space:normal;word-break:break-word;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activity-item-more{margin-top:8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#20426b;font-size:13px;font-weight:800;padding:6px 10px;cursor:pointer}.activity-item-more:hover{background:#eef5ff}.activity-empty{border:1px dashed var(--line);border-radius:12px;background:#fbfdff;padding:18px}.activity-empty-text{color:var(--muted);font-size:15px;font-weight:700}.activity-actions{position:sticky;bottom:0;z-index:3;margin-top:auto;padding-top:10px;background:linear-gradient(180deg,rgba(255,255,255,.68),var(--panel) 44%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html.dark .activity-meta>span{background:linear-gradient(180deg,#18263a,#142133);color:#c7d7ef}html.dark .activity-item{background:linear-gradient(180deg,#172235,#122032)}html.dark .activity-item-time{color:#a8bedf}html.dark .activity-item-detail{color:#c5d6f0}html.dark .activity-item-more{background:#152338;color:#d7e6fb}html.dark .activity-item-more:hover{background:#1b2d46}.activity-detail-modal{width:min(760px,calc(100vw - 24px))}.record-detail-modal{width:min(820px,calc(100vw - 24px))}.record-detail-modal .dialog-form{gap:14px;padding:18px;border:1px solid #d7e2e1;border-radius:14px;background:linear-gradient(180deg,#fbfdfd,#f5f9f8)}.record-detail-meta{display:flex;flex-wrap:wrap;gap:8px}.record-detail-meta span{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#eef5f4;color:#4b5a6f;font-size:13px;font-weight:800}.record-detail-value-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.record-detail-value-text{min-width:0;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.record-detail-copy-wrap{position:relative;display:inline-flex;align-items:center;justify-content:flex-end}.record-detail-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#334155;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.record-detail-copy-btn svg{width:16px;height:16px}.record-detail-copy-btn:hover:not(:disabled){border-color:#0f766e;background:#e7f7f3;color:#0f766e}.record-detail-copy-btn:disabled{cursor:not-allowed;opacity:.42}.record-detail-copy-feedback{position:absolute;right:calc(100% + 8px);top:50%;z-index:2;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid #b7ead1;border-radius:999px;background:#dcfce7;color:#047857;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 8px 18px #04785721;opacity:1;transform:translateY(-50%) translate(0);transition:opacity .22s ease,transform .22s ease}.record-detail-copy-feedback:before{width:6px;height:6px;margin-right:6px;border-radius:999px;background:#10b981;content:""}.record-detail-copy-feedback.is-hiding{opacity:0;transform:translateY(-50%) translate(6px)}html.dark .record-detail-copy-feedback{border-color:#10b98159;background:#123c2d;color:#86efac;box-shadow:0 10px 20px #00000047}.record-detail-muted{color:var(--muted)!important}.record-detail-sensitive{letter-spacing:.08em}.activity-detail-modal .dialog-form{display:grid;grid-template-rows:auto minmax(180px,1fr) auto;gap:12px;max-height:min(82vh,700px);padding:18px;overflow:hidden}.activity-detail-content{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#fff,#f8fbff);padding:12px;color:#445572;font-size:14px;font-weight:700;line-height:1.55;white-space:pre-wrap;word-break:break-word;overflow:auto}html.dark .activity-detail-content{background:linear-gradient(180deg,#172235,#122032);color:#c5d6f0}html.dark .activity-actions{background:linear-gradient(180deg,rgba(16,25,39,.72),var(--panel) 44%)}.confirm-text{margin:0;font-size:15px;font-weight:600;line-height:1.5;color:var(--text)}.delete-secret-group{display:grid;gap:8px}.delete-secret-group.hidden{display:none}.delete-secret-error{min-height:18px;margin:0;color:var(--danger);font-size:13px;font-weight:750}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;border-top:1px solid var(--line);background:var(--panel)}.pagination-bar.hidden{display:none}.page-btn{min-height:34px;padding:0 12px;font-size:13px}.page-btn svg{width:16px;height:16px}.page-info{min-width:100px;color:var(--muted);font-size:13px;font-weight:800;text-align:center}.toast-content{display:flex;align-items:center;gap:10px}.toast-text{flex:1}.toast-undo{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:0 10px;border:1px solid currentColor;border-radius:4px;background:transparent;color:inherit;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}.toast-undo:hover{background:#ffffff26}.toast-undo svg{width:14px;height:14px}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}tbody tr{animation:rowFadeIn .25s ease-out}.topbar,.control-strip,.table-panel,.modal,.toast,input,select,textarea,.tool-button,.ghost-button,.icon-button,.cell-action,.primary-button,.status-row span,.record-meta,.history-item,.field-row,.auth-panel{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.empty-state svg{width:48px;height:48px;color:var(--muted);opacity:.5}.empty-state strong{margin-top:8px}tbody tr{transition:filter .15s ease,transform .15s ease}tbody tr:hover{filter:brightness(1.08);position:relative;z-index:1}:root{--bg: #edf2f7;--panel: #ffffff;--panel-2: #f7f9fc;--text: #0f172a;--muted: #617086;--line: #d6e0eb;--accent: #155ac7;--accent-strong: #0f459b;--danger: #c42b2f;--radius: 12px;--radius-sm: 8px;--shadow: 0 22px 55px rgba(35, 57, 86, .12)}html,body{font-family:var(--font-iphone)}body{background:linear-gradient(180deg,#f8fafcb8,#f0f4f8ad),var(--bg-overlay);background-size:auto}.app-shell{position:relative;isolation:isolate}.app-shell:before{position:fixed;inset:0;z-index:-2;content:"";background-image:url(/images/main-flower-background.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.7;pointer-events:none}.app-shell:after{position:fixed;inset:0;z-index:-1;content:"";background:linear-gradient(180deg,#ffffff8f,#f6f8f470),linear-gradient(0deg,var(--bg-overlay),var(--bg-overlay)),radial-gradient(800px 360px at 18% 0%,rgba(255,255,255,.48),transparent 64%);pointer-events:none}.topbar{align-items:center;padding:calc(14px + var(--safe-area-top)) max(clamp(18px,3vw,42px),calc(14px + var(--safe-area-right))) 14px max(clamp(18px,3vw,42px),calc(14px + var(--safe-area-left)));border-bottom:1px solid rgba(174,190,209,.52);background:#ffffffc7;box-shadow:0 12px 35px #1f385714;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}h1{color:var(--text)!important;font-size:24px!important;font-weight:700!important;font-family:var(--font-iphone)!important;letter-spacing:-.02em!important;text-align:left!important}#titleSettingsBtn{display:none!important}.status-row span{min-height:26px;border-radius:999px;border-color:#d7e2ee;background:#ffffffdb;color:#65748a;font-weight:750;box-shadow:0 4px 12px #253f5e0d}.workspace{gap:14px;padding:18px max(clamp(18px,3vw,42px),calc(14px + var(--safe-area-right))) calc(34px + var(--safe-area-bottom)) max(clamp(18px,3vw,42px),calc(14px + var(--safe-area-left)))}.control-strip{padding:14px;border-radius:var(--radius);border-color:#c0cddcd1;background:#ffffffb8;box-shadow:0 16px 40px #2741601a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.search-box input,.select-field select{background:#fbfdff;border-color:#cfdae7}.search-box input{height:40px}input,select,textarea{border-radius:var(--radius-sm);border-color:#c6d4e3}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 4px #0d4fd824}.primary-button,.tool-button,.ghost-button,.icon-button,.cell-action,.danger-button{border-radius:var(--radius-sm)}.primary-button{background:linear-gradient(160deg,#1764ed,#0d4fd8 58%,#0a43bd);box-shadow:0 10px 20px #0d4fd847}.primary-button:hover{background:linear-gradient(160deg,#0f57d8,#0a46c0)}.tool-button,.ghost-button,.icon-button,.cell-action{border-color:#d1dce8;background:linear-gradient(180deg,#fff,#f8fbff);color:#16243a;box-shadow:0 6px 14px #1f38570f}.tool-button:hover,.ghost-button:hover,.icon-button:hover,.cell-action:hover{background:linear-gradient(180deg,#f4f8ff,#eaf1fb);border-color:#b9c7d8}.table-panel{border:1px solid rgba(190,204,220,.86);border-radius:12px;background:#ffffff94;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.table-wrap{max-height:calc(100vh - 220px);background:linear-gradient(#e1e8df 1px,transparent 1px),linear-gradient(90deg,#e1e8df 1px,transparent 1px),linear-gradient(180deg,#ffffffc7,#fafaf685);background-size:96px 36px,96px 36px,auto}th,td{border-color:#cdd9e6b8}th{height:32px;background:linear-gradient(180deg,#155ac7,#0d459e);letter-spacing:0;font-size:13px;box-shadow:inset 0 -1px #ffffff29}td{height:30px;font-size:13px}.cell-content{padding:6px 8px}tbody tr.row-red{background:#fecaca!important}tbody tr.row-blue{background:#eff6ff!important}tbody tr.row-green{background:#bbf7d0!important}.modal{border-radius:16px;border:1px solid #cbd7e6;box-shadow:0 28px 60px #0f172a3d}.auth-panel{border-radius:20px;border-color:#cfd9e7;box-shadow:0 26px 54px #0f172a29}html.dark{--bg: #0b111a;--panel: #101923;--panel-2: #162232;--text: #e5eefb;--muted: #9bb0c9;--line: #2a3b53;--accent: #5da3ff;--accent-strong: #82b8ff;--danger: #ff6d6d;--shadow: 0 22px 48px rgba(0, 0, 0, .45)}html.dark body{background:radial-gradient(900px 420px at 8% -10%,rgba(74,144,255,.14),transparent 58%),radial-gradient(760px 380px at 96% 0%,rgba(40,115,255,.1),transparent 52%),linear-gradient(180deg,#142030c7,#0b111a00 42%),linear-gradient(#162334 1px,transparent 1px),linear-gradient(90deg,#162334 1px,transparent 1px),var(--bg);background-size:auto,auto,auto,96px 36px,96px 36px,auto}html.dark .topbar{background:#0d1522e6;border-bottom-color:#4a607e73}html.dark .control-strip{background:#101927e6}html.dark .tool-button,html.dark .ghost-button,html.dark .icon-button,html.dark .cell-action{background:linear-gradient(180deg,#132033,#101a2a)}html.dark .table-panel{background:#101927d1}html.dark .table-wrap{background:linear-gradient(#1a2a3e 1px,transparent 1px),linear-gradient(90deg,#1a2a3e 1px,transparent 1px),linear-gradient(180deg,#101927e6,#0e1622c2);background-size:96px 36px,96px 36px,auto}@media(max-width:720px){.topbar{padding:14px 12px 10px}.auth-viewport{align-items:stretch;padding:18px}.workspace{padding:12px 10px 20px}.control-strip,.table-panel{border-radius:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.auth-account-menu{position:relative;margin-left:6px}.auth-account-trigger{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:2px 6px;border:0;border-radius:999px;background:transparent;color:#1f2b3a;box-shadow:none}.auth-account-trigger:hover{background:#1118270a}.auth-account-greeting{display:inline-flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}.auth-account-greeting-text{color:#2f3f53;font-size:18px;font-weight:700;line-height:1}.auth-account-greeting strong{color:#d82d2d;font-size:18px;font-weight:800;line-height:1}.auth-account-avatar{display:inline-flex;width:40px;height:40px;overflow:hidden;align-items:center;justify-content:center;border-radius:50%;border:1px solid #d3deea;background:#eef3f8;color:#5e7288}.auth-account-avatar svg{width:19px;height:19px}.auth-account-caret{width:16px;height:16px;color:#6c7a8a;transition:transform .18s ease}.auth-account-menu.is-open .auth-account-caret{transform:rotate(180deg)}.auth-account-dropdown{position:absolute;top:calc(100% + 8px);right:-2px;z-index:40;display:grid;gap:0;width:min(192px,calc(100vw - 24px));padding:0;border:1px solid #d2dbe7;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 14px 28px #0f172a24}.auth-account-menu-item{display:inline-flex;width:100%;min-height:58px;align-items:center;gap:12px;padding:0 14px;border:0;background:#fff;color:#27384c;font-size:30px;font-weight:700;text-align:left;line-height:1}.auth-account-menu-item svg{width:15px;height:15px;color:#95a4b7}.auth-account-menu-item span{font-size:.54em}.auth-account-menu-item:hover{background:#f6f9fc}.auth-account-menu-item.is-active{background:#edf4ff}.auth-account-menu-divider{height:1px;background:#dce4ef}.auth-account-menu-item-danger{color:#df3535}.auth-account-menu-item-danger svg{color:#8da0b6}.auth-account-menu-item:disabled{opacity:.7}.auth-account-menu-item-danger:disabled{color:#c86b6b}.auth-account-menu-item-danger:disabled svg{color:#9fb0c4}.auth-account-menu-item-danger span{width:100%;white-space:nowrap}@media(max-width:840px){.topbar .header-actions .auth-account-menu{order:-1;width:100%;margin-left:0}.topbar .header-actions .auth-account-trigger{width:100%}.auth-account-greeting-text,.auth-account-greeting strong{font-size:15px}.topbar .header-actions .auth-account-dropdown{width:100%;right:0}}html.dark .auth-account-trigger{color:#d9e5f4}html.dark .auth-account-trigger:hover{background:#dceafc14}html.dark .auth-account-dropdown{background:#101927fa;border-color:#2e435d}html.dark .auth-account-greeting-text{color:#d9e6f7}html.dark .auth-account-greeting strong{color:#ff7070}html.dark .auth-account-avatar{border-color:#304661;background:#1a2c45;color:#b7d1ee}html.dark .auth-account-menu-item{background:#101927fa;color:#dce8f7}html.dark .auth-account-menu-item:hover{background:#1b283afa}html.dark .auth-account-menu-item.is-active{background:#273a52fa}html.dark .auth-account-menu-item svg{color:#9cb1cb}html.dark .auth-account-menu-divider{background:#2e435d}html.dark .auth-account-menu-item-danger{color:#ff7f7f}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sidebar .auth-account-trigger{flex-direction:row}.sidebar .auth-account-avatar{order:1}.sidebar .auth-account-greeting{order:2;flex:1;margin-left:2px}.sidebar .auth-account-caret{order:3}@media(min-width:921px){.app-shell{display:flex;flex-direction:row;align-items:stretch;min-height:100vh}.app-main-layout{flex:1;min-width:0;display:flex;flex-direction:column}}.sidebar{display:flex;flex-direction:column;width:260px;background:#0a1e2b;border-right:1px solid rgba(88,130,180,.15);height:100vh;position:sticky;top:0;z-index:100;transition:transform .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}html.dark .sidebar{background:#081a26;border-right-color:#2b3540}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 18px;border-bottom:1px solid rgba(88,130,180,.2)}html.dark .sidebar-header{border-bottom-color:#2b354040}.sidebar-brand{display:flex;align-items:center;gap:10px}.sidebar-logo{font-size:20px}.sidebar-brand-name{font-size:16px;font-weight:850;color:#e8f0fa;letter-spacing:-.01em}.sidebar-close-btn{display:none;width:32px;height:32px;padding:0}.sidebar-close-btn svg{width:16px;height:16px}.sidebar-nav{display:flex;flex-direction:column;gap:6px;padding:16px 12px;flex:1}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:#fff;font-size:14px;font-weight:800;text-decoration:none;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.sidebar-nav-item svg{width:18px;height:18px;display:flex;align-items:center;justify-content:center;fill:none;stroke:currentColor;stroke-width:2.2;font-size:15px}.sidebar-nav-item:hover{background:#ffffff1a;color:#fff}html.dark .sidebar-nav-item:hover{background:#58a6ff14;color:var(--accent)}.sidebar-nav-item.active{background:#ffffff2e;color:#fff}html.dark .sidebar-nav-item.active{background:#58a6ff24;color:var(--accent)}.sidebar .auth-account-menu{position:relative;width:100%;min-width:0}.sidebar .auth-account-trigger{width:100%;padding:8px 10px;border-radius:10px;border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease;color:#e0eaf6;font-family:inherit}.sidebar .auth-account-trigger:hover{background:#58a6ff1a;border-color:#58a6ff26}html.dark .sidebar .auth-account-trigger:hover{background:#58a6ff14;border-color:#58a6ff1a}.sidebar .auth-account-greeting{display:flex;flex-direction:column;flex:1;min-width:0}.sidebar .auth-account-greeting-text{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#a0b9d7cc;line-height:1.2}.sidebar .auth-account-greeting strong{font-size:13px;font-weight:800;color:#e0eaf6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sidebar .auth-account-avatar{width:34px;height:34px;border-radius:50%;background:#1e3c5a80;border:1px solid rgba(88,130,180,.3);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.sidebar .auth-account-avatar svg{width:16px;height:16px;color:#a0b9d7cc}.sidebar .auth-account-caret{width:14px;height:14px;color:#a0b9d7b3;transition:transform .18s ease}.sidebar .auth-account-dropdown{position:absolute;top:auto;bottom:calc(100% + 8px);left:0;right:0;width:100%;z-index:120;border:1px solid rgba(88,130,180,.25);border-radius:12px;background:#0d2535;box-shadow:0 -8px 24px #0f172a26}.sidebar .auth-account-menu-item{min-height:48px;font-size:14px;font-weight:700;background:transparent;color:#e0eaf6;cursor:pointer;transition:background .15s}.sidebar .auth-account-menu-item:hover{background:#58a6ff1a}html.dark .sidebar .auth-account-menu-item:hover{background:#58a6ff14}.sidebar .auth-account-menu-item svg{width:16px;height:16px}.sidebar .auth-account-menu-divider{height:1px;background:#5882b433;margin:0}.app-main-layout{display:flex;flex-direction:column;flex:1;min-width:0;position:relative}.mobile-menu-btn{display:none;width:38px;height:38px;padding:0;align-items:center;justify-content:center;flex-shrink:0}.mobile-menu-btn svg{width:20px;height:20px}html.dark .sidebar-nav-item.active{background:#ffffff2e;color:#fff}@media(max-width:920px){.app-shell{flex-direction:column}.sidebar{position:fixed;left:0;top:0;bottom:0;height:100vh;transform:translate(-100%);box-shadow:4px 0 24px #0f172a38;z-index:200}.sidebar.is-open{transform:translate(0)}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;border-radius:50%}.mobile-menu-btn{display:flex;border-radius:8px}.topbar{display:flex;align-items:center;gap:14px;padding:12px 16px}.topbar .title-group{flex:1}}:root{--bg: #f3f6fb;--bg-overlay: #f3f6fb;--panel: #ffffff;--panel-2: #f8fafc;--text: #0f172a;--muted: #64748b;--line: #dbe4f0;--accent: #3b82f6;--accent-strong: #2563eb;--danger: #ef4444;--shadow: 0 14px 28px rgba(15, 23, 42, .08), 0 2px 8px rgba(15, 23, 42, .04);--radius: 14px}html.dark{--bg: #0b1220;--bg-overlay: #0b1220;--panel: #111a2b;--panel-2: #172235;--text: #e7edf8;--muted: #93a4bf;--line: #23324b;--accent: #60a5fa;--accent-strong: #3b82f6;--danger: #f87171;--shadow: 0 20px 30px rgba(2, 8, 23, .45), 0 6px 14px rgba(2, 8, 23, .35)}body{background:radial-gradient(1200px 600px at 0% -20%,rgba(59,130,246,.08),transparent 60%),radial-gradient(1000px 500px at 100% 0%,rgba(99,102,241,.07),transparent 58%),linear-gradient(var(--bg),var(--bg))}.topbar{border-bottom-color:var(--line);background:#ffffffd6;box-shadow:0 6px 20px #0f172a0f}html.dark .topbar{background:#111a2be0;box-shadow:0 8px 20px #02081759}.status-row span{background:var(--panel);border-color:var(--line)}.workspace{gap:16px}.control-strip,.table-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fffffff0;box-shadow:var(--shadow)}html.dark .control-strip,html.dark .table-panel{background:#111a2beb}.tool-button,.icon-button,.ghost-button,.primary-button,.danger-button,.cell-action{border-radius:10px}.tool-button,.icon-button,.ghost-button,.cell-action{border:1px solid var(--line);background:var(--panel);color:var(--text)}.tool-button:hover,.icon-button:hover,.ghost-button:hover,.cell-action:hover{border-color:#b8c7dc;background:var(--panel-2)}.primary-button{border:1px solid transparent;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:0 8px 18px #2563eb4d}.primary-button:hover{filter:brightness(1.03);transform:translateY(-1px)}.danger-button{border:1px solid transparent;background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff;box-shadow:0 8px 18px #dc262647}.search-box,.select-field select,.select-field input[type=color],input,select,textarea{border-color:var(--line);background:var(--panel)}.search-box:focus-within,input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f624;outline:none}.table-wrap{border-radius:12px}thead th{background:linear-gradient(180deg,var(--table-header-bg),color-mix(in srgb,var(--table-header-bg) 78%,#0b1220));color:#f8fafc;border-color:transparent}tbody tr{transition:background-color .18s ease}tbody tr:hover{filter:none;background:color-mix(in srgb,var(--panel-2) 76%,#c7d8ef)}.pagination-bar{padding:12px 14px;border-top:1px solid var(--line);background:transparent}.empty-state{border:1px dashed var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel-2) 78%,#ffffff)}.modal{border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 46px #0f172a3d}.dialog-header{border-bottom:1px solid var(--line)}.dialog-actions{border-top:1px solid var(--line);padding-top:12px}.toast{border:1px solid #bfe3ca;background:#effcf2;color:#166534;box-shadow:0 10px 22px #16653424}html.dark .toast{border-color:#2f6f49;background:#102a1c;color:#86efac;box-shadow:0 12px 24px #00000059}.sidebar{background:linear-gradient(180deg,#0b1f34,#0d2740);border-right:1px solid rgba(140,171,210,.24);box-shadow:inset -1px 0 #ffffff08}html.dark .sidebar{background:linear-gradient(180deg,#0a1a2d,#0c2137);border-right-color:#243851}.sidebar-header{border-bottom-color:#8cabd238}.sidebar-nav-item{border:1px solid transparent}.sidebar-nav-item:hover{background:#ffffff1c;border-color:#ffffff1f}.sidebar-nav-item.active{background:linear-gradient(180deg,#60a5fa4d,#3b82f638);border-color:#93c5fd66}@media(max-width:920px){.topbar{padding:12px 14px;border-radius:0}.workspace{padding:12px 10px 18px}.control-strip{gap:8px;padding:10px 8px}.tool-button span{white-space:nowrap}.sidebar{width:min(300px,84vw);box-shadow:8px 0 30px #0208176b}}@media(max-width:640px){h1{font-size:clamp(22px,6.3vw,30px)}.status-row{margin-top:6px;gap:6px}.status-row span{min-height:24px;padding:0 8px;font-size:12px}.table-panel,.control-strip{border-radius:12px}}:root{--bg: #eef3f2;--bg-overlay: #eef3f2;--panel: #ffffff;--panel-2: #f6f8f8;--text: #111827;--muted: #667085;--line: #d7dfdc;--accent: #0f766e;--accent-strong: #0b5f59;--accent-soft: #e3f4f1;--warning: #b7791f;--danger: #dc2626;--table-header-bg: #12312f;--radius: 8px;--radius-sm: 6px;--shadow: 0 18px 45px rgba(17, 24, 39, .1), 0 1px 2px rgba(17, 24, 39, .06);font-family:var(--font-iphone)}html,body{font-family:var(--font-iphone);letter-spacing:0}body{background:linear-gradient(180deg,#ffffffad,#eef3f2eb),linear-gradient(120deg,rgba(15,118,110,.08),transparent 42%),linear-gradient(300deg,rgba(183,121,31,.08),transparent 46%),var(--bg)}html.dark{--bg: #0d1414;--bg-overlay: #0d1414;--panel: #111b1b;--panel-2: #172322;--text: #edf4f2;--muted: #9aa9a6;--line: #263936;--accent: #2dd4bf;--accent-strong: #14b8a6;--accent-soft: #123c37;--warning: #f6c453;--danger: #fb7185;--table-header-bg: #0f2d2a;--shadow: 0 22px 42px rgba(0, 0, 0, .38), 0 1px 2px rgba(0, 0, 0, .26)}html.dark body{background:linear-gradient(180deg,#111b1bc2,#0d1414fa),linear-gradient(120deg,rgba(45,212,191,.11),transparent 40%),linear-gradient(300deg,rgba(246,196,83,.08),transparent 44%),var(--bg);background-size:auto}.app-shell:before,.app-shell:after{display:none}.app-main-layout{background:linear-gradient(180deg,#fff9,#fff0),transparent}.topbar{min-height:74px;padding:14px clamp(18px,2.6vw,36px);border-bottom:1px solid rgba(17,24,39,.08);background:#ffffffe0;box-shadow:0 10px 28px #1118270f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}html.dark .topbar{background:#111b1be0;border-bottom-color:#edf4f214}.title-group{display:grid;gap:8px}h1,.dialog-header h2,.activity-header h2{letter-spacing:0!important}h1{color:var(--text)!important;font-size:26px!important;font-weight:850!important;line-height:1.15!important}.status-row{margin-top:0;gap:7px}.status-row span,.record-meta span,.history-meta span,.activity-meta>span,.page-info{border-radius:999px;border-color:var(--line);background:var(--panel-2);color:var(--muted);font-weight:750}#titleSettingsBtn{display:inline-flex!important}.workspace{gap:16px;padding:18px clamp(18px,2.6vw,36px) 30px}.control-strip{align-items:end;gap:12px;padding:12px;position:relative;z-index:18;overflow:visible;border:1px solid rgba(17,24,39,.1);border-radius:10px;background:#ffffffe6;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}html.dark .control-strip,html.dark .table-panel,html.dark .modal{background:#111b1bf0}.search-box,.select-field,.field{color:#4b5c58;font-size:12px;font-weight:800}html.dark .search-box,html.dark .select-field,html.dark .field{color:var(--muted)}input,select,textarea{min-height:40px;border-radius:var(--radius-sm);border-color:var(--line);background:var(--panel);color:var(--text);box-shadow:inset 0 1px #11182708}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e29}.primary-button,.tool-button,.ghost-button,.icon-button,.cell-action,.danger-button{min-height:40px;border-radius:var(--radius-sm);font-weight:800}.primary-button{border-color:transparent;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:0 10px 22px #0f766e38}.primary-button:hover{background:linear-gradient(180deg,#12877e,var(--accent-strong));filter:none}.tool-button,.ghost-button,.icon-button,.cell-action{border-color:var(--line);background:linear-gradient(180deg,#fff,#f8faf9);color:#21312f;box-shadow:0 1px 2px #1118270a}html.dark .tool-button,html.dark .ghost-button,html.dark .icon-button,html.dark .cell-action{background:linear-gradient(180deg,#182422,#121d1c);color:var(--text)}.tool-button:hover,.ghost-button:hover,.icon-button:hover,.cell-action:hover{border-color:#0f766e5c;background:var(--accent-soft);transform:translateY(-1px)}.table-settings{position:relative;flex:0 0 auto;z-index:22}.table-settings-trigger{width:40px;padding:0}.table-settings-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:80;display:grid;gap:10px;width:min(280px,86vw);padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:var(--shadow)}.table-settings-popover.hidden{display:none}.table-settings-action{display:inline-flex;width:100%;min-height:40px;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-weight:800;text-align:left}.table-settings-action:hover{border-color:#0f766e5c;background:var(--accent-soft)}.table-settings-color{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.table-settings-color input[type=color]{width:100%;min-height:38px;padding:3px}.table-delete-secret-status{margin:0;color:var(--muted);font-size:12px;font-weight:750;line-height:1.45}.security-modal{width:min(520px,calc(100vw - 28px))}.security-setting-panel{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.inline-account-view{display:grid;gap:20px;width:min(1120px,100%);margin:0 auto}.inline-account-view.hidden{display:none}.settings-view{display:grid;gap:18px;width:min(1180px,100%);margin:0 auto}.settings-view.hidden{display:none}.settings-tabs-shell{border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 14px 34px #0f172a12;padding:16px}.settings-tabbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.settings-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:850;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.settings-tab svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.settings-tab:hover{color:var(--text);background:#ffffffa6}.settings-tab.is-active{border-color:#0f766e47;background:#ecfdf5;color:#065f46}.settings-tab-panel{display:none;margin-top:14px}.settings-tab-panel.is-active{display:block}.settings-actions-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-actions-row .tool-button{justify-content:center}.inline-account-avatar{display:grid;width:88px;height:88px;place-items:center;overflow:hidden;border:4px solid var(--panel);border-radius:14px;background:var(--surface);color:var(--muted);box-shadow:0 16px 30px #0f172a38}.inline-account-avatar svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2}.inline-account-avatar-photo{width:100%;height:100%;background-position:center;background-size:cover}.inline-account-heading{min-width:0;padding-bottom:8px}.inline-account-heading h2{margin:0;color:var(--title-color, var(--text));font-size:26px;font-weight:900}.inline-account-heading p{margin:5px 0 0;color:var(--muted);font-size:14px;font-weight:750}.inline-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.inline-account-card{min-width:0;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.inline-account-card h3{display:flex;align-items:center;gap:9px;margin:0 0 18px;padding-bottom:13px;border-bottom:1px solid var(--line);color:var(--text);font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.inline-account-card h3 svg{width:17px;height:17px;fill:none;stroke:var(--accent);stroke-width:2}.inline-account-fields{display:grid;gap:14px}.inline-account-field{display:grid;gap:6px;min-width:0}.inline-account-field>span{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.inline-account-field>div{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.inline-account-field strong{min-width:0;overflow:hidden;color:var(--text);font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.inline-copy-btn{width:28px;height:28px;flex:0 0 auto;padding:0}.inline-copy-btn svg{width:14px;height:14px}@media(max-width:860px){.inline-account-grid{grid-template-columns:1fr}}.danger-button{background:linear-gradient(180deg,#ef4444,var(--danger));box-shadow:0 10px 20px #dc262633}.table-panel{position:relative;z-index:1;border:1px solid rgba(17,24,39,.1);border-radius:10px;background:#ffffffeb;box-shadow:var(--shadow)}.table-wrap{max-height:calc(100vh - 224px);border-radius:10px 10px 0 0;background:var(--panel)}table{font-size:13px}th,td{border-color:var(--line)}thead th{height:38px;background:linear-gradient(180deg,var(--table-header-bg),#0d2422)!important;color:#f8fafc!important;border-color:#ffffff14;font-size:12px;font-weight:850;letter-spacing:0}th button{min-height:38px;padding:10px 14px;font-size:12px;font-weight:850;letter-spacing:0}td{height:42px;font-weight:650}.cell-content{padding:9px 12px}tbody tr td,tbody tr .cell-content{color:var(--table-text-color)!important}.cell-actions{gap:6px;padding:6px 10px}.cell-action{width:30px;height:30px;min-height:30px}th.remaining-days-col,td.remaining-days-col{text-align:center}th.remaining-days-col button{justify-content:center;text-align:center}td.remaining-days-col .cell-content{text-align:center}th.align-left,td.align-left,td.align-left .cell-content{text-align:left}th.align-center,td.align-center,td.align-center .cell-content{text-align:center}th.align-right,td.align-right,td.align-right .cell-content{text-align:right}th.align-left button{justify-content:flex-start;text-align:left}th.align-center button{justify-content:center;text-align:center}th.align-right button{justify-content:flex-end;text-align:right}tbody tr{background:var(--panel);transition:background-color .16s ease,box-shadow .16s ease}tbody tr:hover{background:#f3f8f7!important;filter:none;transform:none}html.dark tbody tr:hover{background:#1a2927!important}tbody tr.row-red{background:#ef444480!important}tbody tr.row-blue{background:#edf7ff!important}tbody tr.row-green{background:#16a34a80!important}tbody tr.row-cyan{background:#ecfeff!important}tbody tr.row-plain{background:var(--panel)!important}tbody tr.row-red td:first-child{border-left-color:#e11d48!important}tbody tr.row-blue td:first-child{border-left-color:#0284c7!important}tbody tr.row-green td:first-child{border-left-color:#16a34a!important}tbody tr.row-cyan td:first-child{border-left-color:#0891b2!important}html.dark tbody tr.row-red{background:#ef444480!important}html.dark tbody tr.row-blue{background:#0284c726!important}html.dark tbody tr.row-green{background:#16a34a80!important}html.dark tbody tr.row-cyan{background:#0891b224!important}.empty-state{margin:14px;border:1px dashed var(--line);border-radius:10px;background:var(--panel-2)}.pagination-bar{background:#ffffffb8}html.dark .pagination-bar{background:#111b1bb8}.modal{border-radius:12px;border-color:var(--line);background:var(--panel)}.modal[open]{position:fixed;inset:0;margin:auto}.dialog-form{gap:16px;padding:22px}.dialog-header{padding-bottom:12px;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:20px;font-weight:850}.dialog-actions{padding-top:12px;border-top:1px solid var(--line)}.record-meta,.history-item,.field-row,.activity-item,.activity-detail-content{border-radius:10px;background:var(--panel-2)}.record-validation-error{display:flex;align-items:center;min-height:42px;padding:10px 12px;border:1px solid rgba(220,38,38,.28);border-radius:8px;background:#fff1f2;color:#b91c1c;font-size:13px;font-weight:800}.record-validation-error.hidden{display:none}.field.is-invalid>span{color:#b91c1c}.field.is-invalid input,.field.is-invalid textarea,.field.is-invalid select{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}html.dark .record-validation-error{border-color:#fb718557;background:#7f1d1d4d;color:#fecdd3}.toast{border-radius:10px;border-color:#0f766e3d;background:#ecfdf5;color:#065f46}.sidebar{width:264px;background:linear-gradient(180deg,#10201f,#132927 54%,#0f1f1e);border-right:1px solid rgba(255,255,255,.08);box-shadow:inset -1px 0 #ffffff0a}.sidebar-header{min-height:74px;padding:18px 16px;border-bottom-color:#ffffff1a}.sidebar-brand{display:inline-flex;align-items:center;gap:12px;padding:6px 8px;border-radius:10px;cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease}.sidebar-brand:hover{background:#ffffff14}.sidebar-brand:focus-visible{outline:2px solid #60a5fa;outline-offset:2px;background:#ffffff1a}.sidebar-logo{display:inline-grid;width:36px;height:36px;place-items:center;border-radius:10px;background:linear-gradient(145deg,#2dd4bf,#f6c453);color:#10201f;font-size:13px;font-weight:950;box-shadow:0 10px 22px #0003}.sidebar-logo.has-image{color:transparent;background-position:center;background-repeat:no-repeat;background-size:cover}.sidebar-brand-name{color:#f7fbfa;font-size:17px;font-weight:900;letter-spacing:0}.sidebar-nav{gap:8px;padding:16px 12px}.sidebar-table-list{display:grid;gap:8px}.sidebar-table-item{position:relative;display:block}.sidebar-nav-item{width:100%;border:1px solid transparent;appearance:none;cursor:pointer;min-height:44px;border-radius:8px;color:#f7fbfac7;font-weight:800;background:transparent;font:inherit;text-align:left;padding-right:78px}.sidebar-table-actions{position:absolute;top:50%;right:7px;display:inline-flex;gap:3px;align-items:center;padding:3px;border:1px solid rgba(45,212,191,.16);border-radius:10px;background:#061817bd;box-shadow:0 10px 22px #0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transform:translateY(-50%) translate(4px);transition:opacity .18s ease,transform .18s ease}.sidebar-table-action{display:inline-grid;width:28px;height:28px;place-items:center;border:0;border-radius:7px;background:transparent;color:#f7fbfab3;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.sidebar-table-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2}.sidebar-table-item:hover .sidebar-table-actions,.sidebar-table-actions:focus-within{opacity:1;pointer-events:auto;transform:translateY(-50%) translate(0)}.sidebar-table-action:hover{background:#2dd4bf29;color:#fff}.sidebar-table-delete{color:#fecacac2}.sidebar-table-delete:hover{background:#f871712e;color:#fecaca}.sidebar-table-action:disabled{cursor:not-allowed;opacity:.38}.sidebar-nav-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-add-table{margin-top:4px;border-style:dashed;border-color:#2dd4bf47;color:#f7fbfab8;background:#ffffff09}.sidebar-settings-section{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-section-title{padding:0 12px;color:#f7fbfa75;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sidebar-nav-item:hover{background:#ffffff14;color:#fff}.sidebar-add-table:hover{border-color:#2dd4bf7a;background:#2dd4bf1a}.sidebar-nav-item.active,.sidebar-table-item.active .sidebar-nav-item{background:linear-gradient(135deg,#2dd4bf33,#f6c45329);border-color:#2dd4bf47;color:#fff}.sidebar .auth-account-trigger{border-radius:8px}.auth-account-trigger{border-radius:999px}.auth-account-greeting-text,.auth-account-greeting strong,.auth-account-menu-item,.auth-account-menu-item span{letter-spacing:0}.auth-account-greeting-text{color:var(--muted)}.auth-account-greeting strong{color:var(--text)}.auth-account-dropdown{border-radius:10px;border-color:var(--line)}.auth-account-menu-item{min-height:44px;font-size:14px}.auth-account-menu-item span{font-size:14px}.auth-account-menu-item-danger{color:var(--danger)}.topbar .header-actions{gap:10px;align-items:center;justify-content:flex-end}.topbar-sync-btn{min-height:36px;padding:0 18px;border-radius:10px;background:#0f5d68;border:1px solid #0c4f58;color:#f3fbfb;box-shadow:0 8px 18px #0f5d6847}.topbar-sync-btn:hover{background:#0b4e57;border-color:#093d44}.topbar-utility-btn{width:36px;height:36px;min-height:36px;border:0;background:transparent;color:#1f2937;box-shadow:none}.topbar-utility-btn:hover{background:#0f172a0f;color:#0f172a}.topbar .header-actions .auth-account-greeting{display:none}.topbar .header-actions .auth-account-trigger{width:42px;height:42px;min-height:42px;padding:0;border:1px solid rgba(15,23,42,.14);border-radius:999px;background:#fff;justify-content:center}.topbar .header-actions .auth-account-avatar{width:34px;height:34px;border-radius:999px}.topbar .header-actions .auth-account-caret{display:none}.auth-viewport{background:linear-gradient(120deg,rgba(15,118,110,.14),transparent 42%),linear-gradient(300deg,rgba(183,121,31,.12),transparent 44%),#f5f7f6}@media(max-width:920px){.sidebar{width:min(304px,86vw)}.topbar{min-height:auto;align-items:flex-start}.header-actions{width:100%}.header-actions .status-row{order:-2;width:100%;flex-basis:100%;justify-content:flex-start}.topbar-theme-btn{width:40px;height:40px;min-height:40px;border-color:#0f172a1f;background:#ffffffdb;color:var(--text);box-shadow:none}.topbar-theme-btn:hover{border-color:#0f766e47;background:#ecfdf5;color:#065f46}html.dark .topbar-theme-btn{border-color:#edf4f21f;background:#111b1beb;color:#d5e2de}html.dark .topbar-theme-btn:hover{border-color:#2dd4bf52;background:#2dd4bf24;color:#f7fbfa}.control-strip{align-items:stretch}}@media(max-width:640px){h1{font-size:23px!important}.header-actions .status-row span{max-width:min(100%,280px)}.workspace{padding:12px 10px 20px}.control-strip{border-radius:10px}.table-wrap{max-height:calc(100vh - 328px)}}body.account-view-active .topbar{min-height:76px;align-items:center;border-bottom-color:#0f172a14;background:#ffffffeb}html.dark body.account-view-active .topbar{border-bottom-color:#edf4f214;background:#0a0f18eb}body.account-view-active .title-group h1{color:var(--text)!important;font-size:24px!important;font-weight:900;line-height:1.15}body.account-view-active .workspace{align-content:start;padding-top:28px}.account-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.account-page-eyebrow{display:block;margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.account-page-header h2{margin:0;color:var(--text);font-size:28px;font-weight:920;line-height:1.1}.account-status-pill{display:inline-flex;min-height:32px;align-items:center;border:1px solid rgba(239,68,68,.22);border-radius:999px;padding:0 12px;background:#ef444414;color:#b91c1c;font-size:12px;font-weight:900}.account-status-pill.is-verified{border-color:#10b98138;background:#10b9811a;color:#047857}.account-profile-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:22px;align-items:stretch;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 18px 42px #0f172a14}.account-profile-main{display:flex;min-width:0;align-items:center;gap:18px}.account-profile-main .inline-account-avatar{width:76px;height:76px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:none}.account-profile-main .inline-account-heading{padding:0}.inline-account-heading span{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.inline-account-heading h3{margin:0;color:var(--text);font-size:24px;font-weight:920;line-height:1.15}.account-profile-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.account-profile-actions .tool-button,.account-profile-actions .primary-button{min-height:38px;border-radius:8px}.account-profile-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-profile-meta>div{display:grid;align-content:center;gap:6px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.account-profile-meta span{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.account-profile-meta strong{min-width:0;overflow:hidden;color:var(--text);font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}body.account-view-active .inline-account-view{width:min(1180px,100%);gap:18px}body.account-view-active .inline-account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}body.account-view-active .inline-account-card{border-radius:12px;box-shadow:0 14px 34px #0f172a12}body.account-view-active .inline-account-card h3{font-size:12px}body.account-view-active .inline-account-field>div{min-height:46px;border-radius:8px}@media(max-width:980px){.account-profile-panel,body.account-view-active .inline-account-grid{grid-template-columns:1fr}}@media(max-width:640px){.account-page-header{align-items:flex-start;flex-direction:column}.account-profile-panel{padding:16px}.account-profile-main{align-items:flex-start;flex-direction:column}.account-profile-meta,.settings-actions-row,.settings-tabbar{grid-template-columns:1fr}}:root{--gd-bg: #f7f9fb;--gd-surface: #ffffff;--gd-surface-low: #f2f4f6;--gd-outline: #bfc8ca;--gd-outline-soft: #e2e8f0;--gd-primary: #003740;--gd-primary-container: #0d4f5a;--gd-primary-ink: #88bfcc;--gd-secondary-container: #d4e6e5;--gd-muted: #40484a;--gd-danger: #ba1a1a}html.dark{--gd-bg: #0b1114;--gd-surface: #11181d;--gd-surface-low: #182229;--gd-outline: #2a3842;--gd-outline-soft: #22303a;--gd-primary: #c2edf2;--gd-primary-container: #0f4f5a;--gd-primary-ink: #9dd6df;--gd-secondary-container: #1a3135;--gd-muted: #9fb0bb;--gd-danger: #ff7a7a}body{font-family:Inter,var(--font-iphone),system-ui,sans-serif;background:radial-gradient(circle at top left,#f0f9fa 0%,var(--gd-bg) 40%)}body.account-view-active .workspace{background:transparent}body.account-view-active .workspace:has(.notes-view:not(.hidden)){background:#f5f7fb}body.account-view-active .topbar{background:var(--gd-surface);border-bottom:1px solid var(--gd-outline-soft)}body.account-view-active .title-group h1{color:var(--gd-primary)!important;letter-spacing:-.01em}.settings-view{width:min(1220px,100%)}.notes-view{width:min(1280px,100%);margin:0 auto;color:#172033}.notes-view.hidden{display:none}.notes-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;border:1px solid #d9e1ea;border-radius:8px;background:linear-gradient(135deg,#fff,#eef8f6);box-shadow:0 10px 24px #0f172a0f;padding:22px 24px}.notes-page-head .account-page-eyebrow{color:#64748b;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.notes-page-head h2{margin:6px 0 0;color:#06343d;font-size:36px;font-weight:900;line-height:1}.notes-page-head .primary-button{min-height:44px;border-radius:8px;padding:0 18px;box-shadow:0 10px 18px #0f766e2e}.notes-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) minmax(180px,220px) auto auto;align-items:end;gap:14px;margin-bottom:18px;border:1px solid #d9e1ea;border-radius:8px;background:#fff;box-shadow:0 8px 18px #0f172a0a;padding:14px}.notes-search-box{width:100%;min-height:46px;border-radius:8px;background:#f8fafc}.notes-filter-field{min-width:0}.notes-filter-field select{min-height:46px}.notes-view-toggle{display:inline-flex;align-items:center;min-height:46px;border:1px solid #d1d9e3;border-radius:8px;background:#f8fafc;padding:4px}.notes-view-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:0;border-radius:6px;background:transparent;color:#64748b;cursor:pointer;padding:0 12px;font-size:13px;font-weight:900}.notes-view-toggle-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.notes-view-toggle-btn.is-active{background:#fff;color:#0f766e;box-shadow:0 1px 4px #0f172a1f}.notes-trash-open-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid #d1d9e3;border-radius:8px;background:#f8fafc;color:#475569;cursor:pointer;padding:0 12px;font-size:13px;font-weight:900;white-space:nowrap}.notes-trash-open-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.notes-trash-open-btn strong{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#e2e8f0;color:#0f172a;font-size:12px;font-weight:950}.notes-trash-open-btn:hover,.notes-trash-open-btn.has-items{border-color:#dc262647;background:#fff7f7;color:#b91c1c}.notes-trash-open-btn.has-items strong{background:#fee2e2;color:#b91c1c}.notes-editor-card,.notes-stats-card{border:1px solid var(--gd-outline-soft);border-radius:8px;background:var(--gd-surface);box-shadow:0 3px 10px #0f172a1a}.notes-editor-card{display:grid;width:min(920px,100%);gap:12px;padding:14px 16px 16px}.notes-trash-dialog{width:min(780px,calc(100vw - 28px));border:1px solid rgba(148,163,184,.5);border-radius:8px;padding:0;background:transparent;box-shadow:0 24px 70px #0f172a4d}.notes-trash-dialog::backdrop{background:#1f303e6b;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.notes-trash-card{display:grid;gap:14px;max-height:min(760px,calc(100vh - 28px));overflow:hidden;border-radius:8px;background:#fff;padding:20px}.notes-trash-list{display:grid;gap:12px;max-height:min(54vh,460px);overflow:auto;padding-right:4px}.notes-trash-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #d9e1ea;border-radius:8px;background:#fff;padding:14px}.notes-trash-item-body{display:grid;gap:5px;min-width:0}.notes-trash-item-body strong{color:#0f172a;font-size:16px;font-weight:900;overflow-wrap:anywhere}.notes-trash-item-body span{color:#64748b;font-size:12px;font-weight:800}.notes-trash-item-body p{margin:0;color:#334155;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.notes-trash-item-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.notes-trash-item-actions .ghost-button{min-height:36px;border-radius:8px;padding:0 10px}.danger-button{border-color:#dc26263d!important;color:#b91c1c!important}.danger-button:hover{background:#fff1f2!important;color:#991b1b!important}.notes-trash-empty{margin:0}.note-dialog{width:min(1180px,calc(100vw - 32px));height:min(920px,calc(100vh - 32px));max-height:min(920px,calc(100vh - 32px));border:1px solid rgba(148,163,184,.5);border-radius:8px;padding:0;background:transparent;overflow:hidden;box-shadow:0 24px 70px #0f172a52}.note-dialog::backdrop{background:#1f303e6b;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.note-dialog .notes-editor-card{display:grid;grid-template-rows:auto auto auto auto auto;gap:16px;width:100%;height:100%;max-height:none;border:0;box-shadow:none;padding:24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.note-dialog .notes-editor-head h3{font-size:22px;line-height:1.15}.note-dialog .notes-editor-head .icon-button{width:42px;height:42px;border-radius:999px}.note-dialog .field>span{font-size:13px;font-weight:900}.note-dialog #noteTitleInput{min-height:48px;font-size:15px}.note-dialog textarea{min-height:300px;resize:vertical}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.note-rich-editor{overflow:visible;border:1px solid #d9e1ea;border-radius:10px;background:#fff;box-shadow:inset 0 1px #ffffffe6}.note-editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:48px;border-bottom:1px solid #e8edf3;background:linear-gradient(180deg,#fff,#f8fafc);padding:6px 10px;overflow-x:auto}.note-editor-group{display:inline-flex;flex:0 0 auto;align-items:center;gap:3px;border:1px solid #edf2f7;border-radius:10px;background:#f8fafce0;padding:3px}.note-editor-tool,.note-editor-select,.note-editor-color{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:36px;height:34px;border:1px solid transparent;border-radius:8px;background:transparent;color:#1f2937;cursor:pointer}.note-editor-tool svg,.note-editor-select svg,.note-editor-color svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.note-editor-tool:hover,.note-editor-select:hover,.note-editor-color:hover,.note-editor-tool.is-active{border-color:#d9e1ea;background:#fff;color:#0f766e;box-shadow:0 1px 4px #0f172a14}.note-editor-tool:focus-visible,.note-editor-select:focus-within,.note-editor-color:focus-within{outline:2px solid rgba(15,118,110,.24);outline-offset:1px}.note-editor-tool.is-muted{color:#64748b}.note-editor-select{gap:8px;min-width:92px;border-color:#eef2f7;background:#f8fafc;padding:0 8px}.note-editor-select select{width:48px;min-height:28px;border:0;background:transparent;color:#1f2937;font:inherit;font-size:13px;font-weight:850;outline:none}.note-editor-color{position:relative}.note-editor-highlight{color:#b45309}.note-editor-file-input{display:none}.import-file-input{display:none!important}.note-editor-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.note-rich-editor textarea{display:block;width:100%;min-height:220px;border:0;border-radius:0;background:#fff;box-shadow:none;resize:vertical;padding:18px;line-height:1.65}.note-rich-editor textarea:focus{border:0;box-shadow:inset 0 0 0 2px #0f766e33}.note-content-plain-input{display:none!important}.note-content-editor{width:100%;min-height:300px;max-height:min(40vh,460px);overflow:auto;overscroll-behavior:contain;border:0;border-radius:0;background:#fff;color:#334155;outline:none;padding:22px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-iphone);font-size:14px;font-weight:650}.note-content-editor:focus{box-shadow:inset 0 0 0 2px #0f766e33}.note-content-editor:empty:before{color:#94a3b8;content:attr(data-placeholder);pointer-events:none}.note-content-editor ul,.note-content-editor ol,.note-detail-content ul,.note-detail-content ol,.public-note-content ul,.public-note-content ol{margin:6px 0 6px 22px;padding:0}.note-content-editor li,.note-detail-content li,.public-note-content li{margin:3px 0;padding-left:2px}.note-content-editor a,.note-detail-content a,.public-note-content a{color:#0f766e;font-weight:750;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px}.note-content-editor a:hover,.note-detail-content a:hover,.public-note-content a:hover{color:#0d9488}.note-content-editor img,.note-detail-content img,.public-note-content img{display:block;max-width:min(100%,720px);height:auto;margin:10px 0;border:1px solid rgba(148,163,184,.34);border-radius:8px;background:#fff;box-shadow:0 10px 24px #0f172a14}.public-note-content img{cursor:zoom-in;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.public-note-content img:hover{border-color:#0f766e6b;box-shadow:0 14px 34px #0f172a24;transform:translateY(-1px)}.note-content-editor img{cursor:default}.public-note-image-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(14px,3vw,34px)}.public-note-image-lightbox-backdrop{position:absolute;inset:0;border:0;background:#020c0ad1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:zoom-out}.public-note-image-lightbox-frame{position:relative;z-index:1;display:grid;place-items:center;width:min(1180px,100%);height:min(820px,calc(100dvh - 48px));margin:0}.public-note-image-lightbox-image{display:block;border:1px solid rgba(236,253,245,.28);border-radius:8px;background:#fff;box-shadow:0 30px 90px #0000007a;object-fit:contain}.public-note-image-lightbox-close{position:absolute;top:-12px;right:-12px;z-index:2;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(226,232,240,.72);border-radius:999px;background:#fffffff5;color:#0f172a;cursor:pointer;box-shadow:0 14px 34px #0000003d}.public-note-image-lightbox-close:hover{color:#0f766e}.public-note-image-lightbox-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.note-detail-dialog{width:min(1120px,calc(100vw - 28px));max-height:min(900px,calc(100vh - 28px));border:1px solid rgba(148,163,184,.5);border-radius:8px;padding:0;background:transparent;box-shadow:0 24px 70px #0f172a52}.note-detail-dialog::backdrop{background:#1f303e6b;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.note-detail-card{display:grid;grid-template-rows:auto minmax(220px,1fr) auto auto;gap:18px;max-height:min(900px,calc(100vh - 28px));border-radius:8px;background:#fff;padding:26px;overflow:hidden}.note-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #d9e1ea;padding-bottom:14px}.note-detail-head h3{margin:0 0 8px;color:#101828;font-size:32px;font-weight:950;line-height:1.12;overflow-wrap:anywhere}.note-detail-title-block{min-width:0}.note-detail-head .account-page-eyebrow{display:block}.note-detail-link-row{display:flex;align-items:center;gap:8px;min-width:0;margin:0 0 8px;color:#2f3a4a;font-size:15px;font-weight:750}.note-detail-link-row.hidden{display:none}.note-detail-password-row{display:inline-flex;align-items:center;gap:8px;min-height:34px;max-width:100%;border:1px solid rgba(15,118,110,.18);border-radius:8px;background:#ecfdf5b8;color:#334155;margin:0 0 10px;padding:0 10px;font-size:13px;font-weight:850}.note-detail-password-row.hidden{display:none}.note-detail-password-row strong{min-width:0;color:#0f172a;font-size:14px;font-weight:950;overflow-wrap:anywhere}.note-detail-link-row a{min-width:0;color:#111827;font-weight:650;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-detail-link-row a:hover{color:#0f766e;text-decoration:underline;text-underline-offset:2px}.note-detail-copy-link{display:inline-grid;flex:0 0 auto;place-items:center;width:22px;height:22px;border:0;border-radius:6px;background:transparent;color:#2563eb;cursor:pointer}.note-detail-copy-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.note-detail-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.note-detail-meta-item,.note-detail-edit-btn{display:inline-flex;align-items:center;gap:6px;min-height:26px;color:#64748b;font-size:13px;font-weight:750}.note-detail-meta-item svg,.note-detail-edit-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.note-detail-edit-btn{border:0;background:transparent;color:#2563eb;cursor:pointer;padding:0;font-weight:850}.note-detail-edit-btn:hover{color:#0f766e;text-decoration:underline;text-underline-offset:3px}.note-history-btn{display:inline-flex;align-items:center;gap:6px;min-height:38px;border:1px solid #d9e1ea;border-radius:10px;background:#f8fafc;color:#0f5963;cursor:pointer;padding:0 12px;font-size:13px;font-weight:900}.note-history-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.note-history-btn:hover{border-color:#0f766e52;background:#ecfdf8;color:#0f766e}.note-detail-content{min-height:140px;max-height:min(62vh,640px);overflow:auto;border:1px solid rgba(217,225,234,.82);border-radius:8px;background:linear-gradient(180deg,#f8fafcc7,#fffffff5);color:#334155;font-weight:650;line-height:1.65;padding:20px;white-space:pre-wrap;overflow-wrap:anywhere}.note-detail-content::-webkit-scrollbar{width:10px}.note-detail-content::-webkit-scrollbar-track{background:#e2e8f0b8;border-radius:999px}.note-detail-content::-webkit-scrollbar-thumb{border:2px solid rgba(226,232,240,.72);border-radius:999px;background:#0f766e8a}.note-detail-tags{display:flex;flex-wrap:wrap;gap:8px}.note-detail-tags span{display:inline-flex;align-items:center;min-height:30px;border:1px solid #d9e1ea;border-radius:8px;background:#f8fafc;color:#0f5963;padding:0 12px;font-size:13px;font-weight:850}.note-detail-card .dialog-actions{position:relative;align-items:center;justify-content:space-between}.note-detail-footer-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.note-copy-feedback{position:absolute;right:calc(100% + 10px);top:50%;z-index:8;display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid #b7ead1;border-radius:999px;background:#dcfce7;color:#047857;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 10px 22px #0478572e;opacity:1;transform:translateY(-50%) translate(0);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.note-copy-feedback:before{width:6px;height:6px;margin-right:7px;border-radius:999px;background:#10b981;content:""}.note-copy-feedback.is-hiding{opacity:0;transform:translateY(-50%) translate(6px)}.note-detail-card .dialog-actions .note-copy-feedback{left:122px;right:auto}.notes-editor-head,.notes-list-head,.note-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.notes-editor-head h3,.notes-list-head h3{margin:0;color:#0f172a;font-size:16px;font-weight:900}.notes-clear-edit{min-height:36px;padding:0 12px;border-radius:10px}.note-options-panel{min-height:46px;border:1px solid #d9e1ea;border-radius:8px;background:#f8fafc;overflow:hidden}.note-options-panel[open]{position:fixed;top:50%;left:50%;z-index:2147483646;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(940px,calc(100vw - 40px));max-height:min(780px,calc(100vh - 40px));transform:translate(-50%,-50%);border-color:#94a3b89e;background:#fff;box-shadow:0 0 0 100vmax #0f172a70,0 28px 80px #0f172a57}.note-options-panel summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;color:#334155;cursor:pointer;padding:0 14px;font-size:14px;font-weight:900;list-style:none}.note-options-close-btn{display:none;place-items:center;width:38px;height:38px;margin-left:auto;border:1px solid #d9e1ea;border-radius:999px;background:#fff;color:#334155;cursor:pointer;box-shadow:0 8px 18px #0f172a14}.note-options-close-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.note-options-close-btn:hover{border-color:#0f766e47;background:#ecfdf8;color:#0f766e}.note-options-panel summary::-webkit-details-marker{display:none}.note-options-panel summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .18s ease}.note-options-panel[open] summary{border-bottom:1px solid #d9e1ea;min-height:58px;background:linear-gradient(180deg,#fff,#f8fafc);padding:0 18px;font-size:16px}.note-options-panel[open] .note-options-close-btn{display:grid}.note-options-panel[open] summary svg{transform:rotate(90deg)}.note-options-panel[open] summary>svg{display:none}.note-options-content{display:grid;gap:16px;max-height:min(52vh,520px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:16px}.note-options-panel[open] .note-options-content{max-height:calc(min(780px,100vh - 40px) - 58px);padding:18px}.note-options-content::-webkit-scrollbar{width:10px}.note-options-content::-webkit-scrollbar-track{background:#e2e8f0bf;border-radius:999px}.note-options-content::-webkit-scrollbar-thumb{border:2px solid rgba(226,232,240,.75);border-radius:999px;background:#0f766e8c}.notes-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);gap:16px}.note-color-picker{display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(86px,110px);gap:14px;align-items:center;border:1px solid #e3e9f0;border-radius:8px;background:#f8fafc;padding:12px}.note-color-picker span{display:block;color:#334155;font-size:13px;font-weight:900}.note-color-picker p{margin:4px 0 0;color:#64748b;font-size:12px;font-weight:700}.note-color-swatches{display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.note-color-swatch{width:34px;height:34px;border:2px solid rgba(15,23,42,.12);border-radius:999px;background:var(--swatch-color, #fff7bf);box-shadow:inset 0 0 0 1px #ffffff9e,0 3px 8px #0f172a1a;cursor:pointer}.note-color-swatch.is-active{border-color:#0f766e;box-shadow:inset 0 0 0 2px #fff,0 0 0 3px #0f766e38}.note-custom-color{display:grid;gap:6px}.note-custom-color input[type=color]{width:100%;height:36px;border:1px solid #d1d5db;border-radius:8px;background:#fff;padding:4px;cursor:pointer}.note-public-info-settings{display:grid;gap:14px;border:1px solid rgba(59,130,246,.18);border-radius:10px;background:linear-gradient(135deg,#eff6fff0,#fffffffa 54%,#f0f9ffe6);box-shadow:inset 0 1px #ffffffeb;padding:14px}.note-public-info-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(59,130,246,.12);padding-bottom:12px}.note-public-info-head svg{width:38px;height:38px;flex:0 0 auto;border:1px solid rgba(37,99,235,.18);border-radius:12px;background:linear-gradient(180deg,#fff,#eff6ff);color:#2563eb;fill:none;stroke:currentColor;stroke-width:2;padding:8px;box-shadow:0 8px 18px #2563eb1a}.note-public-info-head span{display:block;color:#0f172a;font-size:14px;font-weight:950}.note-public-info-head p{margin:3px 0 0;color:#64748b;font-size:12px;font-weight:750;line-height:1.4}.note-public-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.note-public-info-wide{grid-column:1 / -1}.note-public-info-settings input,.note-public-info-settings textarea{font-family:var(--font-iphone);font-weight:800;letter-spacing:0}.note-public-info-settings textarea{min-height:86px;resize:vertical}.note-share-settings{display:grid;gap:14px;border:1px solid rgba(15,118,110,.18);border-radius:10px;background:linear-gradient(135deg,#ecfdf5eb,#fffffffa 52%,#f0fdfae6);box-shadow:inset 0 1px #ffffffeb;padding:14px}.note-share-settings-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(15,118,110,.12);padding-bottom:12px}.note-share-settings-head svg{width:38px;height:38px;flex:0 0 auto;border:1px solid rgba(15,118,110,.2);border-radius:12px;background:linear-gradient(180deg,#fff,#ecfdf5);color:#0f766e;fill:none;stroke:currentColor;stroke-width:2;padding:8px;box-shadow:0 8px 18px #0f766e1f}.note-share-settings-head span{display:block;color:#0f172a;font-size:14px;font-weight:950}.note-share-settings-head p{margin:3px 0 0;color:#64748b;font-size:12px;font-weight:750;line-height:1.4}.note-share-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.note-switch-row{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:11px;min-height:76px;border:1px solid rgba(148,163,184,.26);border-radius:10px;background:#ffffffb8;color:#334155;cursor:pointer;padding:12px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.note-switch-row input{position:absolute;opacity:0;pointer-events:none}.note-switch-control{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(100,116,139,.28);border-radius:9px;background:#fff;color:#fff;box-shadow:inset 0 1px #fffffff2}.note-switch-control:after{width:13px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) translate(1px,-1px);content:""}.note-switch-copy{display:grid;gap:4px;min-width:0}.note-switch-copy strong{color:#0f172a;font-size:13px;font-weight:950;line-height:1.25}.note-switch-copy small{color:#64748b;font-size:12px;font-weight:700;line-height:1.35}.note-switch-row:has(input:checked){border-color:#0f766e5c;background:#ecfdf5d1;box-shadow:0 10px 24px #0f766e1a}.note-switch-row:has(input:checked) .note-switch-control{border-color:#0f766e;background:linear-gradient(135deg,#0f766e,#059669)}.note-switch-row:has(input:focus-visible){border-color:#0f766e;box-shadow:0 0 0 3px #0f766e29}.note-password-field{border:1px solid rgba(148,163,184,.22);border-radius:10px;background:#ffffffb8;padding:12px}.note-password-field input{font-family:var(--font-iphone);font-weight:850;letter-spacing:0}.note-password-field input:disabled{background:#eef2f7;color:#94a3b8;cursor:not-allowed}.notes-pin-toggle{display:flex;align-items:center;gap:10px;color:#334155;font-size:14px;font-weight:800}.notes-pin-toggle input{width:18px;height:18px;accent-color:var(--gd-primary)}.notes-editor-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e2e8f0;background:#fff;margin:0;padding-top:16px}.notes-editor-actions .primary-button,.notes-editor-actions .ghost-button{min-height:44px;border-radius:8px;padding:0 18px}.notes-stats-card{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;border:0;background:transparent;padding:0;box-shadow:none}.notes-stats-card div{min-height:104px;border:1px solid #d9e1ea;border-radius:8px;background:#fff;box-shadow:0 8px 18px #0f172a0a;padding:16px}.notes-stats-card span{display:block;color:#64748b;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.notes-stats-card strong{display:block;margin-top:12px;color:#0f766e;font-size:34px;font-weight:950;line-height:1}.notes-list-shell{padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}.notes-list-head{padding:2px 2px 14px;border-bottom:0}.notes-list-head h3{color:#172033;font-size:18px}.notes-list-head span{color:#64748b;font-size:14px;font-weight:800}.notes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding-top:0;overflow:visible}.notes-list.is-list-view{grid-template-columns:1fr}.note-card{display:grid;position:relative;z-index:1;--note-bg: #ffffff;min-height:136px;gap:8px;border:1px solid #d8dde4;border-top:4px solid #0f766e;border-radius:8px;background:var(--note-bg);box-shadow:none;padding:10px;min-width:0;transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease;cursor:pointer}.note-card:has(.note-actions-menu.is-open){z-index:30}.notes-list.is-list-view .note-card{grid-template-columns:minmax(240px,.8fr) minmax(320px,1.4fr) minmax(120px,auto);align-items:center;min-height:96px;border-top-width:1px;border-left:4px solid #0f766e;padding:12px 56px 12px 12px}.notes-list.is-list-view .note-priority-high{border-left-color:#dc2626}.notes-list.is-list-view .note-priority-normal{border-left-color:#0f766e}.notes-list.is-list-view .note-priority-low{border-left-color:#64748b}.notes-list.is-list-view .note-card.is-pinned{border-left-color:#d99a00}.notes-list.is-list-view .note-card-head{align-items:flex-start}.notes-list.is-list-view .note-card-actions{position:absolute;top:12px;right:12px;opacity:1}.notes-list.is-list-view .note-card-content{display:-webkit-box;max-height:3.2em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notes-list.is-list-view .note-card-tags{justify-content:flex-end;align-self:center}.note-card:hover{border-color:#c7cdd6;box-shadow:0 3px 10px #0f172a29;transform:translateY(-1px)}.note-card.is-pinned{border-color:#f3c74d;border-top-color:#d99a00}.note-priority-high{border-top-color:#dc2626}.note-priority-normal{border-top-color:#0f766e}.note-priority-low{border-top-color:#64748b}.note-card-title{min-width:0}.note-card-title h4{margin:0 0 2px;color:#0f172a;font-size:15px;font-weight:900;overflow-wrap:anywhere}.note-card-actions{display:flex;flex:0 0 auto;gap:6px;opacity:1;position:relative;transition:opacity .16s ease}.note-card:hover .note-card-actions,.note-card:focus-within .note-card-actions{opacity:1}.note-action-btn{width:32px;height:32px;border-radius:999px;background:transparent}.note-actions-menu{position:relative}.note-menu-trigger{border:1px solid #d9e1ea;background:#ffffffc2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.note-actions-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:60;display:none;min-width:160px;border:1px solid #d9e1ea;border-radius:8px;background:#fff;box-shadow:0 16px 34px #0f172a2e;padding:6px}.note-actions-menu.is-open .note-actions-dropdown{display:grid;gap:2px}.note-menu-item{display:flex;align-items:center;gap:10px;min-height:36px;border:0;border-radius:6px;background:transparent;color:#334155;cursor:pointer;padding:0 10px;font-size:13px;font-weight:850;text-align:left}.note-menu-item svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2}.note-menu-item:hover{background:#f1f5f9;color:#0f766e}.note-menu-item.is-danger{color:#b91c1c}.note-menu-item.is-danger:hover{background:#fef2f2;color:#991b1b}.note-card-content{margin:0;color:#334155;font-size:13px;font-weight:600;line-height:1.45;display:-webkit-box;max-height:8.7em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.note-content-link{color:#075985;font-weight:850;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px}.note-content-link:hover{color:#0f766e}.public-note-page{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% -12%,rgba(52,211,153,.13),transparent 42%),linear-gradient(135deg,#03231b,#074633 52%,#075c3d);padding:max(clamp(24px,4vw,56px),calc(14px + var(--safe-area-top))) max(clamp(14px,3vw,40px),calc(10px + var(--safe-area-right))) max(clamp(24px,4vw,56px),calc(14px + var(--safe-area-bottom))) max(clamp(14px,3vw,40px),calc(10px + var(--safe-area-left)));color:#eafff5;overflow-x:clip;isolation:isolate}.public-note-shell{width:min(1440px,100%);display:grid;gap:18px;position:relative;z-index:1}.public-note-topbar{display:flex;align-items:center;justify-content:flex-start;gap:16px;color:#334155}.public-note-status{display:inline-flex;align-items:center;gap:8px;min-height:34px;border:1px solid rgba(167,243,208,.38);border-radius:999px;background:linear-gradient(180deg,#ecfdf5f5,#bbf7d0e6);color:#064e3b;box-shadow:0 10px 26px #00000029;padding:0 14px;font-size:12px;font-weight:850;letter-spacing:.01em}.public-note-status svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.public-note-layout{--public-note-accent: #fff7bf;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,350px);gap:24px;align-items:start;min-height:0}.public-note-sidebar{position:sticky;top:24px;display:grid;gap:14px;min-width:0;max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(167,243,208,.44) transparent}.public-note-sidebar-card{position:relative;overflow:hidden;display:grid;gap:12px;border:1px solid rgba(15,118,110,.12);border-radius:14px;background:linear-gradient(180deg,#fffffff2,#f0fdfadb);box-shadow:0 14px 34px #022c221a;padding:18px}.public-note-sidebar-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--public-note-accent)}.public-note-sidebar-eyebrow{display:inline-flex;width:fit-content;align-items:center;border-radius:999px;background:#0f766e1f;color:#0f766e;padding:5px 9px;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.public-note-sidebar-card h2{margin:0;color:#0f172a;font-size:18px;line-height:1.15;letter-spacing:-.03em}.public-note-access-card{gap:14px}.public-note-access-summary{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;min-width:0;border:1px solid rgba(15,118,110,.14);border-radius:12px;background:linear-gradient(145deg,#ecfdf5f0,#f0fdfab8);box-shadow:inset 0 1px #ffffffdb;padding:14px}.public-note-access-icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid rgba(5,150,105,.18);border-radius:12px;background:#fff;color:#047857;box-shadow:0 8px 20px #0f766e1a}.public-note-access-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.public-note-access-copy{display:grid;gap:7px;min-width:0}.public-note-access-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}.public-note-access-title>strong{color:#0f172a;font-size:14px;font-weight:850;line-height:1.3}.public-note-access-badge{display:inline-flex;width:fit-content;align-items:center;gap:6px;border:1px solid rgba(5,150,105,.16);border-radius:999px;background:#ffffffd1;color:#047857;padding:4px 8px;font-size:10px;font-weight:850;line-height:1;white-space:nowrap}.public-note-access-badge i{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b9811f}.public-note-access-copy p{margin:0;color:#53657a;font-size:12px;font-weight:600;line-height:1.5}.public-note-card{position:relative;overflow:hidden;width:100%;display:grid;gap:28px;border:1px solid rgba(209,250,229,.2);border-radius:14px;background:#fff;box-shadow:0 24px 72px #00000038;padding:clamp(30px,4vw,52px)}.public-note-card:before{position:absolute;top:0;left:0;right:0;height:5px;background:var(--public-note-accent);content:""}.public-note-lock-card{position:relative;align-self:center;width:min(480px,100%);display:grid;gap:28px;border:1px solid rgba(209,250,229,.34);border-radius:18px;background:radial-gradient(circle at 100% 0%,rgba(167,243,208,.28),transparent 38%),#fffffffa;box-shadow:0 28px 80px #0000004d;overflow:hidden;padding:36px}.public-note-lock-card:before{position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#34d399,#0f766e);content:"";pointer-events:none}.public-note-message-card{position:relative;width:min(620px,100%);display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;align-items:start;border:1px solid rgba(209,250,229,.28);border-radius:12px;background:linear-gradient(180deg,#fffffffa,#f0fdfaf5);box-shadow:0 30px 90px #0000004d;overflow:hidden;padding:30px}.public-note-message-card:before{position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,#34d399,#0f766e);content:""}.public-note-message-card:not(.public-note-loading-card)>div{min-width:0;grid-column:1 / -1}.public-note-retry-button{min-height:44px;margin-top:22px;padding:0 18px;border:1px solid #0f766e;border-radius:9px;background:#0f766e;color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.public-note-retry-button:hover{border-color:#115e59;background:#115e59}.public-note-retry-button:focus-visible{outline:3px solid rgba(45,212,191,.38);outline-offset:3px}.public-note-lock-hero{position:relative;display:grid;justify-items:center;gap:8px;text-align:center}.public-note-lock-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:6px;border:1px solid rgba(15,118,110,.16);border-radius:15px;background:linear-gradient(180deg,#fff,#ecfdf5);color:#0f766e;box-shadow:0 12px 28px #0f766e1f}.public-note-lock-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.public-note-lock-card h1{margin:0;color:#0f172a;font-size:clamp(24px,3vw,30px);font-weight:900;line-height:1.2;letter-spacing:-.035em}.public-note-lock-card small{max-width:360px;color:#64748b;font-size:14px;font-weight:650;line-height:1.5}.public-note-unlock-form{display:grid;gap:12px}.public-note-unlock-form>label{color:#334155;font-size:13px;font-weight:800}.public-note-password-control{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;width:100%;min-height:52px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}.public-note-password-lock{width:18px;height:18px;justify-self:center;color:#64748b;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.public-note-unlock-form input{width:100%;min-width:0;min-height:50px;border:0;background:transparent;color:#0f172a;font:inherit;font-size:15px;font-weight:700;padding:0 4px;outline:none}.public-note-unlock-form input::placeholder{color:#94a3b8;font-weight:600}.public-note-password-control:focus-within{border-color:#0f766e;box-shadow:0 0 0 2px #0f766e1f}.public-note-unlock-form input:focus,.public-note-unlock-form input:focus-visible{border-color:transparent;box-shadow:none;outline:none}.public-note-password-toggle{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;justify-self:center;border:0;border-radius:9px;background:transparent;color:#64748b;cursor:pointer;transition:background-color .16s ease,color .16s ease}.public-note-password-toggle:hover{background:#ecfdf5;color:#0f766e}.public-note-password-toggle:focus-visible{outline:3px solid rgba(20,184,166,.2);outline-offset:1px}.public-note-password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.public-note-unlock-form strong{border:1px solid rgba(185,28,28,.16);border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:13px;font-weight:850;padding:10px 12px}.public-note-unlock-form>button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border:0;border-radius:12px;background:linear-gradient(135deg,#0f766e,#047857);color:#fff;cursor:pointer;font:inherit;font-size:14px;font-weight:950;box-shadow:0 12px 26px #04785738;transition:transform .16s ease,filter .16s ease,opacity .16s ease}.public-note-unlock-form>button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}.public-note-unlock-form>button:hover svg{transform:translate(2px)}.public-note-unlock-form>button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.public-note-unlock-form>button:disabled{cursor:wait;opacity:.86;transform:none}.public-note-empty p{margin:0;color:#0f766e;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.public-note-head{display:grid;gap:12px;border-bottom:1px solid rgba(15,23,42,.08);padding-bottom:22px}.public-note-head h1{margin:0;color:#0f172a;font-size:clamp(30px,3.4vw,44px);font-weight:900;line-height:1.1;letter-spacing:-.04em;overflow-wrap:anywhere}.public-note-empty h1{margin:8px 0 0;color:#0f172a;font-size:clamp(26px,3.2vw,38px);font-weight:950;line-height:1.12;overflow-wrap:anywhere}.public-note-loading-card small{display:block;margin-top:10px;color:#475569;font-size:13px;font-weight:700;line-height:1.55;text-transform:none;letter-spacing:0}.public-note-content{min-height:360px;color:#334155;padding:2px 0 6px;line-height:1.72;overflow-wrap:anywhere;font-weight:600}.public-note-content a{color:#0f766e;font-weight:800;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.public-note-content-plain{white-space:pre-wrap}.public-note-content-rich{white-space:normal}.public-note-content-rich>:first-child{margin-top:0}.public-note-content-rich>:last-child{margin-bottom:0}.public-note-content-rich p{margin:0 0 1.05em}.public-note-content-rich ul,.public-note-content-rich ol{margin:.75em 0 1.15em 1.4em}.public-note-content-rich li{margin:.35em 0;padding-left:.2em}.public-note-content-rich h1,.public-note-content-rich h2,.public-note-content-rich h3,.public-note-content-rich h4{margin:1.55em 0 .65em;color:#172033;line-height:1.28;letter-spacing:-.025em}.public-note-content-rich hr{height:1px;margin:1.8em 0;border:0;background:#64748b33}.public-note-content-rich img{max-width:100%;margin:22px auto;border-radius:12px;box-shadow:0 12px 30px #0f172a1a}.public-note-labels{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;border-top:1px solid rgba(15,23,42,.08);padding-top:20px}.public-note-labels-title{color:#64748b;font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.public-note-tags{display:flex;flex-wrap:wrap;gap:8px}.public-note-tags span{display:inline-flex;align-items:center;min-height:28px;border:1px solid rgba(15,118,110,.18);border-radius:999px;background:#ecfdf8;color:#0f5963;padding:0 11px;font-size:12px;font-weight:850}.public-note-countdown-message{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:10px;width:100%;margin:0;border:1px solid rgba(15,118,110,.12);border-radius:8px;background:linear-gradient(180deg,#ecfdf5c7,#f0fdfa99);padding:9px 10px}.public-note-countdown-message span{color:#53657a;font-size:12px;font-weight:650;line-height:1.35}.public-note-countdown{display:inline-flex;align-items:center;gap:7px;width:fit-content;min-height:30px;border:1px solid rgba(15,118,110,.16);border-radius:999px;background:#ecfdf5;color:#047857;padding:0 10px;font-size:13px;font-weight:850;white-space:nowrap}.public-note-countdown svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.public-note-custom-info-list{display:grid;gap:9px}.public-note-sensitive-card{gap:14px}.public-note-sensitive-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-width:0}.public-note-sensitive-title{display:grid;gap:12px;min-width:0}.public-note-sensitive-toggle{display:inline-flex;flex:0 0 auto;min-height:34px;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(15,118,110,.2);border-radius:9px;background:#ffffffd6;color:#0f766e;box-shadow:0 6px 16px #0f766e14;padding:0 10px 0 12px;font:inherit;font-size:11px;font-weight:850;line-height:1;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.public-note-sensitive-toggle:hover{border-color:#0f766e61;background:#fff;box-shadow:0 8px 20px #0f766e1f;transform:translateY(-1px)}.public-note-sensitive-toggle:focus-visible{outline:3px solid rgba(20,184,166,.22);outline-offset:2px}.public-note-sensitive-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.public-note-sensitive-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.public-note-sensitive-collapsed{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;border:1px dashed rgba(15,118,110,.2);border-radius:10px;background:#f8fafcad;padding:12px}.public-note-sensitive-collapsed-icon{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:#ccfbf1b8;color:#0f766e}.public-note-sensitive-collapsed-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.public-note-sensitive-collapsed>div{display:grid;gap:3px;min-width:0}.public-note-sensitive-collapsed strong{color:#334155;font-size:12px;font-weight:800;line-height:1.35}.public-note-sensitive-collapsed>div>span{color:#64748b;font-size:11px;font-weight:600;line-height:1.4}.public-note-custom-info-item{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:8px;align-items:center;border:1px solid rgba(15,118,110,.12);border-radius:8px;background:linear-gradient(180deg,#f0fdfaeb,#ecfdf5b8);box-shadow:inset 0 1px #ffffffdb;padding:11px 10px 11px 12px}.public-note-custom-info-item>div{min-width:0;display:grid;gap:4px}.public-note-custom-info-item span{color:#64748b;font-size:11px;font-weight:600;line-height:1.15}.public-note-custom-info-item strong{display:block;color:#334155;font-size:13px;font-weight:600;line-height:1.38;overflow-wrap:anywhere;word-break:break-word}.public-note-custom-info-item strong[data-public-info-field=twofa]{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal;overflow-wrap:normal}.public-note-custom-info-item strong.is-masked[data-public-info-field=twofa]{font-size:13px;text-overflow:clip}.public-note-custom-info-item strong.is-masked{color:#64748b;letter-spacing:.08em}.public-note-info-actions{display:inline-flex;align-items:center;gap:5px}.public-note-copy-button,.public-note-visibility-button{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(15,118,110,.16);border-radius:8px;background:#fff;color:#0f766e;cursor:pointer;padding:0;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.public-note-copy-button:hover,.public-note-visibility-button:hover{border-color:#0f766e5c;box-shadow:0 10px 20px #0f766e1f;transform:translateY(-1px)}.public-note-copy-button svg,.public-note-visibility-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.public-note-copy-button span{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);width:max-content;max-width:120px;border-radius:8px;background:#0f172a;color:#fff;box-shadow:0 10px 22px #0f172a33;opacity:0;pointer-events:none;padding:6px 8px;font-size:11px;font-weight:850;line-height:1.2;transition:opacity .16s ease;z-index:2}.public-note-copy-button:hover span,.public-note-copy-button:focus-visible span{opacity:1}.note-card-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;align-content:flex-start}.note-card-tags span{display:inline-flex;align-items:center;min-height:22px;border:1px solid #d9e1ea;border-radius:8px;background:#fff9;color:#0f5963;padding:0 8px;font-size:11px;font-weight:850}html.dark .notes-editor-card,html.dark .note-card{border-color:var(--gd-outline);background:#111c21}html.dark body.account-view-active .workspace:has(.notes-view:not(.hidden)){background:#0f171b}html.dark .notes-page-head,html.dark .notes-toolbar,html.dark .notes-stats-card div,html.dark .note-options-panel,html.dark .note-rich-editor,html.dark .note-color-picker,html.dark .note-public-info-settings,html.dark .note-share-settings,html.dark .notes-view-toggle,html.dark .note-detail-card{border-color:var(--gd-outline);background:#111c21}html.dark .note-options-panel summary{color:#d8f7ef}html.dark .note-options-panel[open] summary{border-bottom-color:var(--gd-outline);background:linear-gradient(180deg,#17252b,#111c21)}html.dark .note-options-close-btn{border-color:var(--gd-outline);background:#17252b;color:#d8f7ef}html.dark .note-options-close-btn:hover{background:#0f766e3d;color:#99f6e4}html.dark .note-editor-toolbar{border-bottom-color:var(--gd-outline);background:linear-gradient(180deg,#17252b,#111c21)}html.dark .note-editor-group{border-color:var(--gd-outline);background:#0f171bb8}html.dark .note-editor-tool,html.dark .note-editor-select,html.dark .note-editor-color{color:#cbd5e1}html.dark .note-editor-tool:hover,html.dark .note-editor-select:hover,html.dark .note-editor-color:hover,html.dark .note-editor-tool.is-active{border-color:var(--gd-outline);background:#17252b;color:#5eead4}html.dark .note-editor-select select{color:#d8f7ef}html.dark .note-rich-editor textarea{background:#0f171b}html.dark .note-content-editor{background:#0f171b;color:#d8f7ef}html.dark .note-color-picker span,html.dark .note-public-info-head span,html.dark .note-share-settings-head span,html.dark .note-switch-copy strong{color:#d8f7ef}html.dark .notes-trash-card,html.dark .notes-trash-item{border-color:var(--gd-outline);background:#111c22}html.dark .notes-trash-item-body strong{color:#d8f7ef}html.dark .notes-trash-item-body span,html.dark .notes-trash-item-body p{color:#94a3b8}html.dark .notes-trash-open-btn{border-color:var(--gd-outline);background:#142228;color:#cbd5e1}html.dark .notes-trash-open-btn.has-items,html.dark .notes-trash-open-btn:hover{border-color:#f871715c;background:#7f1d1d42;color:#fecaca}html.dark .note-color-picker p,html.dark .note-public-info-head p,html.dark .note-share-settings-head p,html.dark .note-switch-copy small{color:#94a3b8}html.dark .note-public-info-head svg{border-color:var(--gd-outline);background:#17252b;color:#93c5fd}html.dark .note-public-info-head{border-bottom-color:var(--gd-outline)}html.dark .note-share-settings-head svg{border-color:var(--gd-outline);background:#17252b;color:#5eead4}html.dark .note-share-settings-head{border-bottom-color:var(--gd-outline)}html.dark .note-switch-row,html.dark .note-password-field{border-color:var(--gd-outline);background:#17252b}html.dark .note-switch-row:has(input:checked){border-color:#5eead46b;background:#14534b5c}html.dark .note-switch-control{border-color:var(--gd-outline);background:#0f171b}html.dark .notes-view-toggle-btn.is-active{background:#17252b;color:#5eead4}html.dark .note-menu-trigger,html.dark .note-actions-dropdown,html.dark .note-history-btn{border-color:var(--gd-outline);background:#111c21}html.dark .note-menu-item{color:#cbd5e1}html.dark .note-menu-item:hover{background:#17252b;color:#5eead4}html.dark .note-detail-head{border-bottom-color:var(--gd-outline)}html.dark .note-detail-link-row,html.dark .note-detail-link-row a,html.dark .note-detail-meta-item{color:#cbd5e1}html.dark .note-link-card{background:#111c21}html.dark .note-detail-password-row{border-color:#5eead447;background:#14534b57;color:#cbd5e1}html.dark .note-detail-password-row strong{color:#d8f7ef}html.dark .note-detail-copy-link,html.dark .note-detail-edit-btn{color:#93c5fd}html.dark .note-card.is-pinned{border-color:#facc1573;background:#2b2818}html.dark .note-priority-high{background:#2a171b}html.dark .note-priority-normal{background:#142420}html.dark .note-priority-low{background:#151f2a}html.dark .notes-page-head h2,html.dark .notes-editor-head h3,html.dark .notes-list-head h3,html.dark .note-detail-head h3,html.dark .note-card-title h4{color:#f8fafc}html.dark .notes-page-head .account-page-eyebrow,html.dark .notes-stats-card span{color:#cbd5e1}html.dark .notes-stats-card strong{color:#5eead4}html.dark .note-card-content,html.dark .note-detail-content,html.dark .notes-pin-toggle{color:#cbd5e1}html.dark .notes-list-head span{color:#94a3b8}.settings-page-head .account-page-eyebrow{color:#5f6976;opacity:.9}.settings-page-head h2{color:var(--gd-primary);font-size:42px;font-weight:900;letter-spacing:-.02em}.settings-tabs-shell{background:transparent;border:0;box-shadow:none}.settings-tabbar{display:flex;align-items:center;gap:18px;background:transparent;border:0;border-bottom:1px solid var(--gd-outline-soft);border-radius:0;padding:0 0 10px}.settings-tab{min-height:34px;border-radius:0;border:0;border-bottom:2px solid transparent;color:#5f6976;font-size:16px;font-weight:800;letter-spacing:-.01em;padding:0 2px}.settings-tab:hover{background:transparent;color:#1f2937}.settings-tab.is-active{color:var(--gd-primary);border-bottom-color:var(--gd-primary);background:transparent}.settings-tab-panel{padding:18px 0 0}.inline-account-view#securityView{width:min(1140px,100%)}#securityView .settings-tabs-shell{border:1px solid var(--gd-outline-soft);border-radius:14px;background:var(--gd-surface);box-shadow:0 12px 28px #0224280f;padding:20px}#securityView .settings-tabbar{justify-content:flex-start;gap:22px;padding:0 0 12px}#securityView .settings-tab{min-height:38px;font-size:16px;font-weight:800}#securityView .settings-tab-panel{margin-top:16px;padding:0}.note-link-dialog{width:min(520px,calc(100vw - 28px));border:1px solid rgba(148,163,184,.42);border-radius:10px;background:transparent;box-shadow:0 30px 90px #0f172a47;padding:0}.note-link-card{display:grid;gap:18px;border-radius:inherit;background:#fff;padding:22px}.note-link-card .dialog-header{align-items:flex-start}.note-link-fields{display:grid;gap:12px}.note-link-card .dialog-actions{justify-content:flex-end}#securityView .inline-account-card{border:1px solid var(--gd-outline-soft);border-radius:12px;background:var(--gd-surface);box-shadow:none;margin-top:0}#securityView .inline-account-card h3{margin:0;padding:16px 18px;border-bottom:1px solid var(--gd-outline-soft);font-size:16px}#securityView .inline-account-fields{display:grid;gap:14px;padding:16px 18px 18px}#securityView .field{max-width:620px}#securityView .table-delete-secret-status{font-size:14px;color:#5f6976}#securityView .account-profile-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}#securityView .account-profile-actions .primary-button,#securityView .account-profile-actions .ghost-button,#securityView .account-profile-actions .tool-button{min-height:42px;border-radius:10px;padding:0 16px;font-weight:750}#securityView .inline-account-field>div{min-height:46px}.settings-display-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.settings-display-card{border:1px solid var(--gd-outline-soft);border-radius:14px;background:var(--gd-surface);box-shadow:0 10px 20px -6px #0037400f;padding:16px}.settings-display-card-theme{background:linear-gradient(140deg,#f7fbff,#e9f8f6)}.settings-display-card-sensitive{background:linear-gradient(140deg,#f9f7ff,#ecf9ff)}.settings-display-card-secret{background:linear-gradient(140deg,#fff8f2,#eefcf8)}.settings-display-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#0f3b44;font-size:14px;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.settings-display-icon{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#0f766e1f;color:#0f766e;font-size:14px;line-height:1}.settings-display-card p{margin:0 0 14px;color:#5f6976;font-size:14px;font-weight:600;line-height:1.5}.settings-display-value{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid rgba(15,118,110,.2);border-radius:999px;background:#ffffffb8}.settings-display-value strong{color:#0f172a;font-size:14px;font-weight:900}.settings-quick-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:14px;align-items:stretch}.settings-quick-main,.settings-quick-preview{border:1px solid var(--gd-outline-soft);border-radius:14px;background:var(--gd-surface);box-shadow:0 10px 20px -6px #0037400f}.settings-quick-main{padding:18px}.settings-quick-main .inline-account-fields{gap:12px}.settings-quick-preview{padding:18px;background:linear-gradient(150deg,#ecf9f8,#f7fbff)}.settings-quick-preview h3{margin:0 0 10px;color:var(--gd-primary);font-size:20px;font-weight:900;letter-spacing:-.01em}.settings-quick-preview p{margin:0 0 12px;color:#475569;font-size:14px;font-weight:600;line-height:1.5}.settings-quick-preview ul{margin:0;padding:0 0 0 18px;display:grid;gap:8px;color:#0f172a;font-size:14px;font-weight:650}.settings-quick-actions{margin-top:12px}.settings-quick-actions .primary-button{min-width:260px}.logo-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.logo-file-picker{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px;border:1px solid var(--gd-outline-soft);border-radius:10px;background:var(--gd-surface)}.logo-file-name{flex:1;min-width:0;padding:0 8px;color:#4b5563;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-file-trigger{flex:0 0 auto;min-height:34px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:800}html.dark .settings-display-card{border-color:var(--gd-outline);background:#111c21}html.dark .settings-quick-main,html.dark .settings-quick-preview{border-color:var(--gd-outline)}html.dark .settings-quick-preview{background:linear-gradient(150deg,#0f252cf0,#103a3ff0)}html.dark .settings-quick-preview h3{color:#d8f7ef}html.dark .settings-quick-preview p{color:#b6c5cf}html.dark .settings-quick-preview ul{color:#e2e8f0}html.dark .settings-display-card-theme,html.dark .settings-display-card-sensitive,html.dark .settings-display-card-secret{background:linear-gradient(140deg,#14272df5,#10373cf5)}html.dark .settings-display-head{color:#d9eef2}html.dark .settings-display-icon{background:#2dd4bf33;color:#99f6e4}html.dark .settings-display-card p{color:#9fb0bb}html.dark .settings-display-value{border-color:#2dd4bf5c;background:#0f172a80}html.dark .settings-display-value strong{color:#f8fafc}.settings-overview-grid{display:grid;grid-template-columns:1fr 1fr .95fr;gap:16px}.settings-stat-card,.settings-notice-card,.settings-advanced-card,.settings-hero-card{border:1px solid var(--gd-outline-soft);border-radius:14px;background:var(--gd-surface);box-shadow:0 10px 20px -5px #0037400a,0 4px 6px -2px #00374005}.settings-stat-card{padding:20px}.settings-stat-head{display:flex;align-items:center;justify-content:space-between;color:#6a7280;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.settings-stat-icon{display:inline-grid;width:56px;height:56px;place-items:center;border-radius:12px;background:#f4f7f9;color:#0f172a;font-size:26px}.settings-stat-card h3{margin:22px 0 18px;color:#111827;font-size:26px;font-weight:900;line-height:1}.settings-stat-card h3 strong{color:var(--gd-primary);font-size:42px}.settings-stat-sep{height:1px;margin:0 0 16px;background:var(--gd-outline-soft)}.settings-status-danger{color:var(--gd-danger);font-size:16px;font-weight:900;margin:0}.settings-status-ok{color:#047857;font-size:16px;font-weight:900;margin:0}.settings-updated-at{color:#334155;font-size:15px;font-weight:850;margin:0}.settings-notice-card{background:var(--gd-primary-container);color:var(--gd-primary-ink);padding:26px}.settings-notice-card h4{margin:0 0 18px;font-size:26px;line-height:1.02;font-weight:900}.settings-notice-card p{margin:0 0 12px;font-size:16px;line-height:1.2;font-weight:700}.settings-advanced-card{margin-top:16px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:18px}.settings-advanced-card h4{margin:0 0 8px;color:#062f3a;font-size:22px;font-weight:900}.settings-advanced-card p{margin:0;color:#1f2937;font-size:15px;font-weight:600;line-height:1.35}.settings-advanced-card .ghost-button{min-width:170px;min-height:64px;font-size:18px;font-weight:900;letter-spacing:.03em;border-radius:12px;border:2px solid #1f2937}.settings-sync-actions{display:flex;flex-wrap:wrap;gap:12px;width:min(860px,100%)}.settings-sync-actions .ghost-button{flex:1 1 170px;min-width:170px;border-radius:12px}.settings-hero-card{margin-top:16px;min-height:170px;padding:24px 30px;background:linear-gradient(135deg,#0f5862e6,#c6ece7e0);color:#effcff}.settings-hero-card h4{margin:0 0 10px;font-size:38px;font-weight:900}.settings-hero-card p{margin:0;font-size:19px;font-weight:650;line-height:1.35;max-width:980px}.pwa-ios-prompt{position:fixed;left:max(12px,calc(10px + var(--safe-area-left)));right:max(12px,calc(10px + var(--safe-area-right)));bottom:max(12px,calc(10px + var(--safe-area-bottom)));z-index:1600;display:grid;grid-template-columns:44px minmax(0,1fr) 36px;align-items:center;gap:12px;width:auto;max-width:460px;margin:0 auto;border:1px solid rgba(15,118,110,.18);border-radius:16px;background:#fffffff7;box-shadow:0 22px 58px #022c2247;color:#0f172a;padding:12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:pwa-ios-prompt-enter .24s ease-out both}.pwa-ios-prompt-icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:12px;background:#ecfdf5;color:#047857}.pwa-ios-prompt-icon svg{width:21px;height:21px}.pwa-ios-prompt>div{display:grid;gap:3px;min-width:0}.pwa-ios-prompt strong{font-size:13px;font-weight:850;line-height:1.3}.pwa-ios-prompt>div>span{color:#64748b;font-size:11px;font-weight:650;line-height:1.4}.pwa-ios-prompt>button{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:0;border-radius:10px;background:transparent;color:#64748b;padding:0}.pwa-ios-prompt>button:hover{background:#f1f5f9;color:#0f172a}.pwa-ios-prompt>button:focus-visible{outline:3px solid rgba(20,184,166,.22);outline-offset:1px}.pwa-ios-prompt>button svg{width:18px;height:18px}@keyframes pwa-ios-prompt-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.note-dialog{width:min(1040px,calc(100vw - 24px))}.notes-toolbar{grid-template-columns:minmax(260px,1fr) minmax(150px,190px)}.notes-view-toggle,.notes-trash-open-btn{grid-column:1 / -1;width:max-content}.notes-stats-card{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-overview-grid{grid-template-columns:1fr}.settings-notice-card h4{font-size:34px}.settings-notice-card p{font-size:20px}.settings-status-danger,.settings-status-ok,.settings-updated-at{font-size:15px}.settings-advanced-card h4{font-size:20px}.settings-advanced-card p{font-size:18px}.settings-hero-card h4{font-size:28px}.settings-hero-card p{font-size:16px}.settings-sync-actions,.settings-display-grid,.settings-quick-layout{grid-template-columns:1fr}}@media(max-width:1080px){.public-note-layout{grid-template-columns:1fr}.public-note-sidebar{position:static;max-height:none;overflow:visible}}@media(max-height:760px)and (min-width:721px){.public-note-page{align-items:flex-start;padding:16px}.public-note-sidebar{top:16px;max-height:calc(100dvh - 32px)}.public-note-status{min-height:30px}.public-note-card{gap:14px;padding:24px}.public-note-head{padding-bottom:14px}.public-note-head h1{font-size:clamp(24px,3vw,34px)}.public-note-content{padding:2px 0 4px}}@media(max-width:720px){.notes-page-head{align-items:stretch;flex-direction:column;padding:18px}.notes-page-head h2{font-size:30px}.notes-editor-grid{grid-template-columns:1fr}.note-dialog{width:min(100vw - 18px,920px);height:calc(100vh - 18px);max-height:calc(100vh - 18px)}.note-dialog .notes-editor-card{height:100%;max-height:none;padding:14px;gap:12px}.note-editor-toolbar{padding:6px}.note-editor-select{min-width:82px}.note-rich-editor textarea{min-height:190px;padding:14px}.note-content-editor{min-height:260px;max-height:44vh;padding:14px}.note-options-panel[open]{width:calc(100vw - 18px);max-height:calc(100vh - 18px)}.note-options-panel[open] .note-options-content{max-height:calc(100vh - 76px);padding:12px}.note-color-picker{grid-template-columns:1fr;align-items:stretch}.note-color-swatches{justify-content:flex-start}.note-public-info-grid,.note-share-setting-grid{grid-template-columns:1fr}.notes-editor-actions .primary-button,.notes-editor-actions .ghost-button,.notes-page-head .primary-button{width:100%;justify-content:center}.notes-editor-actions{flex-direction:column;margin:0;padding-top:14px}.notes-toolbar{grid-template-columns:1fr}.notes-view-toggle,.notes-trash-open-btn{width:100%}.notes-trash-item{grid-template-columns:1fr}.notes-trash-item-actions{justify-content:stretch}.notes-trash-item-actions .ghost-button{flex:1 1 160px;justify-content:center}.notes-stats-card{grid-template-columns:1fr}.notes-stats-card div{min-height:88px}.notes-list{grid-template-columns:1fr}.notes-list.is-list-view .note-card{grid-template-columns:1fr;align-items:stretch;padding-right:60px}.notes-list.is-list-view .note-card-tags{justify-content:flex-start}.note-card-head{align-items:flex-start}.note-detail-head{flex-direction:column}.note-detail-dialog{width:min(100vw - 18px,760px);max-height:calc(100vh - 18px)}.note-detail-card{max-height:calc(100vh - 18px);padding:18px;gap:14px}.note-detail-head h3{font-size:26px}.note-detail-content{max-height:56vh;padding:14px}.note-detail-link-row{align-items:flex-start}.note-detail-link-row a{white-space:normal;overflow-wrap:anywhere}.note-detail-password-row{display:flex;align-items:flex-start;flex-direction:column;gap:2px;padding:8px 10px}.note-detail-card .dialog-actions,.note-detail-footer-tools{align-items:stretch;flex-direction:column}.note-detail-card .dialog-actions>.primary-button,.note-detail-footer-tools>button{width:100%;justify-content:center}.note-card{min-height:120px;padding:10px;gap:7px}.note-card-content{max-height:7.2em;-webkit-line-clamp:5}.public-note-page{align-items:stretch;padding:22px 12px}.public-note-topbar{align-items:flex-start;flex-direction:column}.public-note-card{padding:28px 18px 22px}.public-note-lock-card{gap:24px;padding:30px 24px}.public-note-lock-icon{width:48px;height:48px;border-radius:14px}.public-note-unlock-form{padding:0}.public-note-message-card{grid-template-columns:1fr;gap:14px;padding:26px 20px 24px}.public-note-content{min-height:240px;padding:2px 0 4px}.public-note-countdown-message{grid-template-columns:1fr;justify-items:start}.public-note-image-lightbox{padding:12px}.public-note-image-lightbox-frame{height:calc(100dvh - 24px)}.public-note-image-lightbox-close{top:8px;right:8px}.public-note-custom-info-item{grid-template-columns:minmax(0,1fr) max-content}.public-note-copy-button,.public-note-visibility-button{width:36px;height:36px}#securityView .settings-tabs-shell{padding:14px}#securityView .settings-tabbar{gap:14px;padding-bottom:10px}#securityView .settings-tab{min-height:34px;font-size:15px}#securityView .inline-account-card h3,#securityView .inline-account-fields{padding:14px}#securityView .account-profile-actions .primary-button,#securityView .account-profile-actions .ghost-button,#securityView .account-profile-actions .tool-button{width:100%;justify-content:center}}@media(max-width:960px){html,body{overflow-x:hidden}input,select,textarea{font-size:16px}.topbar{flex-direction:column;align-items:stretch;gap:12px;padding:calc(12px + var(--safe-area-top)) max(14px,calc(10px + var(--safe-area-right))) 10px max(14px,calc(10px + var(--safe-area-left)))}.title-group{width:100%}h1{font-size:24px!important;line-height:1.08}.status-row{margin-top:6px;gap:6px}.header-actions{width:100%;flex-direction:column;align-items:stretch;justify-content:stretch}.header-actions .status-row{flex:none;width:100%;justify-content:flex-start;margin-right:0}.header-actions .status-row span{max-width:none;overflow:visible;text-overflow:clip;white-space:normal;min-height:30px;height:auto;padding:6px 10px}.workspace{gap:12px;padding:12px max(12px,calc(8px + var(--safe-area-right))) calc(22px + var(--safe-area-bottom)) max(12px,calc(8px + var(--safe-area-left)))}.control-strip{align-items:stretch;flex-wrap:wrap;gap:8px;padding:10px}.search-box{min-width:0;flex:1 1 100%}.select-field{flex:1 1 160px;min-width:0}.add-record-toolbar-button{min-width:0;flex:1 1 100%}.tool-button,.ghost-button,.primary-button,.icon-button,.cell-action{min-height:44px}.table-panel{border-radius:10px}.table-wrap{max-height:calc(100dvh - 260px);-webkit-overflow-scrolling:touch}.modal{width:min(calc(100vw - 14px),760px);max-height:calc(100dvh - 14px);border-radius:14px}.dialog-form{gap:14px;padding:16px}.dialog-header{flex-direction:column;align-items:flex-start}.dialog-header h2{font-size:18px;line-height:1.2}.dialog-actions{flex-direction:column;align-items:stretch}.dialog-actions>*{width:100%;justify-content:center}.form-grid,.title-style-grid,.theme-style-grid,.settings-display-grid,.settings-quick-layout,.field-row,.add-field-row,.history-changes li,.status-field-row,.status-option-item,.status-option-add-row{grid-template-columns:1fr}.history-head{align-items:flex-start;flex-direction:column}.notes-page-head{padding:14px;gap:10px;border-radius:10px}.notes-page-head h2{font-size:24px;line-height:1.1}.notes-toolbar{grid-template-columns:1fr}.notes-view-toggle,.notes-trash-open-btn{width:100%;justify-content:center}.notes-stats-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.notes-stats-card div{min-height:86px;padding:14px}.notes-stats-card strong{font-size:28px}.notes-list{grid-template-columns:1fr;gap:12px}.note-card{min-height:112px;padding:10px;gap:6px}.note-card-actions{top:10px;right:10px}.note-card-content{max-height:7em;-webkit-line-clamp:5}.note-dialog,.note-detail-dialog{width:min(calc(100vw - 12px),760px);max-height:calc(100dvh - 12px)}.note-dialog .notes-editor-card,.note-detail-card{height:auto;max-height:none;padding:14px;gap:12px}.note-content-editor{min-height:240px;max-height:42vh;padding:12px}.note-options-panel[open]{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.note-options-panel[open] .note-options-content{max-height:calc(100dvh - 84px);padding:12px}.note-color-picker,.note-public-info-grid,.note-share-setting-grid{grid-template-columns:1fr}.notes-editor-actions{flex-direction:column;align-items:stretch;padding-top:12px}.notes-editor-actions .primary-button,.notes-editor-actions .ghost-button,.notes-page-head .primary-button{width:100%}.public-note-page{align-items:stretch;padding:max(14px,calc(10px + var(--safe-area-top))) max(10px,calc(8px + var(--safe-area-right))) max(14px,calc(10px + var(--safe-area-bottom))) max(10px,calc(8px + var(--safe-area-left)))}.public-note-shell{gap:12px}.public-note-topbar{flex-direction:column;align-items:flex-start;gap:10px}.public-note-layout{grid-template-columns:1fr;gap:14px}.public-note-card{padding:22px 16px;gap:18px}.public-note-head{gap:10px;padding-bottom:14px}.public-note-head h1{font-size:clamp(24px,7vw,34px)}.public-note-content{min-height:240px;padding:2px 0 4px}.public-note-labels{align-items:flex-start;flex-direction:column}.public-note-custom-info-item{grid-template-columns:minmax(0,1fr) max-content;align-items:center}.public-note-info-actions{justify-content:flex-start}.public-note-copy-button,.public-note-visibility-button{width:40px;height:40px}.public-note-copy-button span{right:auto;left:calc(100% + 8px);max-width:140px}.public-note-countdown-message{grid-template-columns:1fr}.dth-login-layout{grid-template-columns:1fr;gap:14px;padding:max(14px,calc(10px + var(--safe-area-top))) max(14px,calc(10px + var(--safe-area-right))) max(14px,calc(10px + var(--safe-area-bottom))) max(14px,calc(10px + var(--safe-area-left)));min-height:100dvh}.dth-login-left{order:2;padding:4px 0 0;min-height:auto}.dth-login-right{order:1;padding:0}.dth-login-card{border-radius:12px}.dth-login-icon{width:72px;height:72px;margin-top:24px}.dth-login-card>h2{font-size:22px;margin-top:14px}.dth-login-form{padding:12px 16px 18px;gap:8px}.auth-viewport{padding:max(14px,calc(10px + var(--safe-area-top))) max(14px,calc(10px + var(--safe-area-right))) max(14px,calc(10px + var(--safe-area-bottom))) max(14px,calc(10px + var(--safe-area-left)))}.auth-panel{width:min(100%,540px);padding:16px}#securityView .settings-tabs-shell{padding:12px}#securityView .settings-tabbar{gap:8px;padding-bottom:8px;flex-wrap:wrap}#securityView .settings-tab{flex:1 1 120px;justify-content:center}#securityView .inline-account-card h3,#securityView .inline-account-fields{padding:12px}}@media(max-width:520px){h1{font-size:22px!important}.notes-stats-card{grid-template-columns:1fr}.notes-page-head h2{font-size:22px}.note-card-title h4{font-size:14px}.public-note-status{width:fit-content;max-width:100%}.public-note-message-card{padding:20px 14px}.public-note-lock-card{padding:28px 18px}.dth-login-layout{padding:max(12px,calc(8px + var(--safe-area-top))) max(12px,calc(8px + var(--safe-area-right))) max(12px,calc(8px + var(--safe-area-bottom))) max(12px,calc(8px + var(--safe-area-left)))}.dth-login-logo{align-items:flex-start;gap:12px}.dth-login-logo p{white-space:normal;font-size:13px}.dth-login-form>label{font-size:14px}.dth-login-input-wrap{height:50px}.dth-login-submit{height:50px;font-size:16px}.note-dialog .notes-editor-card,.note-detail-card{padding:12px}.note-menu-trigger{width:32px;height:32px}}@media(max-width:720px){#recordsTable th.actions-col,#recordsTable td:last-child{width:60px;min-width:60px;padding:0}#recordsTable .cell-actions{justify-content:center;padding:6px 8px}#recordsTable .cell-action:not([data-action=detail]){display:none}#recordsTable .cell-action[data-action=detail]{width:44px;height:44px;min-height:44px;border-color:#08785a3d;background:#f0fbf7;color:#08785a;box-shadow:none}}.app-shell{--admin-bg: #f7f9fb;--admin-panel: #ffffff;--admin-panel-soft: #f7faf9;--admin-border: #dce6e2;--admin-text: #10231f;--admin-muted: #667b75;--admin-brand: #08785a;--admin-brand-strong: #056247;--admin-brand-soft: #e7f6f0;--admin-sidebar: #00231b;--admin-sidebar-soft: #0e3a2f;--admin-shadow: 0 8px 24px rgba(23, 46, 39, .07)}.app-shell .app-main-layout{background:radial-gradient(circle at 92% 2%,rgba(22,163,124,.08),transparent 28%),var(--admin-bg)}.app-shell .sidebar{width:260px;border-right:1px solid rgba(150,214,194,.12);background:radial-gradient(circle at 12% 8%,rgba(38,190,143,.1),transparent 26%),linear-gradient(180deg,var(--admin-sidebar) 0%,#002c22 100%);box-shadow:8px 0 24px #071f1b0d}.app-shell .sidebar-header{min-height:72px;padding:14px 16px;border-bottom-color:#d7f4ea17}.app-shell .sidebar-brand{width:100%;gap:11px;padding:7px}.app-shell .sidebar-logo{width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:linear-gradient(145deg,#40d59f,#d6e66e);box-shadow:0 9px 24px #0000003d}.app-shell .sidebar-brand-name{font-size:17px;letter-spacing:-.01em}.app-shell .sidebar-nav{gap:6px;padding:18px 12px}.app-shell .sidebar-nav-item{min-height:44px;gap:11px;padding:0 12px;border-radius:10px;color:#e8f6f1b8;font-size:15px;font-weight:750}.app-shell .sidebar-nav-item:hover{border-color:#7be2bf14;background:#ffffff0f;color:#fff}.app-shell .sidebar-nav-item.active,.app-shell .sidebar-table-item.active .sidebar-nav-item{border-color:#68e0b733;background:linear-gradient(135deg,#29b38638,#ffffff12);color:#fff;box-shadow:inset 3px 0 #42d4a1}.app-shell .sidebar-add-table{border-color:#7edabb33;background:#ffffff06}.app-shell .sidebar-settings-section{margin-top:18px;padding-top:18px;border-top-color:#d7f4ea14}.app-shell .sidebar-section-title{color:#d3ede466;font-size:11px;letter-spacing:.12em}.app-shell .topbar{min-height:64px;padding:calc(12px + var(--safe-area-top)) max(24px,calc(14px + var(--safe-area-right))) 12px max(24px,calc(14px + var(--safe-area-left)));border-bottom:1px solid rgba(184,202,196,.58);background:#ffffffe6;box-shadow:0 4px 16px #1e3d350a;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}.dashboard-topbar-title{display:none;flex-direction:column;gap:2px}.dashboard-topbar-title span{color:#416656;font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.dashboard-topbar-title strong{color:var(--admin-text);font-size:clamp(20px,1.5vw,23px);font-weight:800;letter-spacing:-.025em;line-height:1.25}.dashboard-topbar-live{display:none;min-height:32px;align-items:center;gap:8px;margin-left:auto;padding:0 12px;border:1px solid #cce8dd;border-radius:999px;background:#f0fbf6;color:#167056;font-size:12px;font-weight:800;white-space:nowrap}.dashboard-topbar-live i{width:7px;height:7px;border-radius:50%;background:#20b981;box-shadow:0 0 0 4px #20b9811f}body:not(.account-view-active) .app-shell .dashboard-topbar-title{display:flex}body:not(.account-view-active) .app-shell .dashboard-topbar-live{display:inline-flex}body:not(.account-view-active) .app-shell #appTitle{display:none}body.notes-view-active .app-shell .topbar .title-group{display:none}body.notes-view-active .app-shell .topbar .header-actions{margin-left:auto}.notes-topbar-search{display:none}.app-shell .topbar h1{color:var(--admin-text)!important;font-size:clamp(21px,2vw,27px)!important;font-weight:850!important;letter-spacing:-.035em!important}.app-shell .topbar #appTitle{display:none!important}body.account-view-active .app-shell .topbar .title-group{display:none}body.account-view-active .app-shell .topbar .header-actions{margin-left:auto}.app-shell .topbar .header-actions{flex-wrap:nowrap;gap:7px}.app-shell .topbar-sync-btn{min-height:40px;padding:0 16px;border:1px solid #0b6952;border-radius:10px;background:linear-gradient(145deg,#0a8765,#06694f);box-shadow:0 8px 18px #07785a38}.app-shell .topbar-sync-btn:hover{border-color:#075440;background:linear-gradient(145deg,#08795b,#055b45)}.app-shell .topbar-theme-btn,.app-shell .topbar-utility-btn{width:40px;height:40px;min-height:40px;border:1px solid var(--admin-border);border-radius:10px;background:#fff;color:#526861;box-shadow:0 3px 10px #14352d0a}.app-shell .topbar-theme-btn:hover,.app-shell .topbar-utility-btn:hover{border-color:#a9cbbf;background:var(--admin-brand-soft);color:var(--admin-brand-strong)}.app-shell .topbar .header-actions .auth-account-trigger{width:42px;height:42px;min-height:42px;border-color:var(--admin-border);box-shadow:0 3px 10px #14352d0d}.app-shell .workspace{gap:16px;padding:24px max(24px,calc(16px + var(--safe-area-right))) calc(34px + var(--safe-area-bottom)) max(24px,calc(16px + var(--safe-area-left)))}.dashboard-overview{display:block}.dashboard-overview.hidden,.dashboard-heading{display:none}.dashboard-heading>div{min-width:0}.dashboard-eyebrow{display:block;margin-bottom:5px;color:var(--admin-brand);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.dashboard-heading h2{margin:0;color:var(--admin-text);font-size:clamp(24px,2.4vw,32px);font-weight:900;letter-spacing:-.045em;line-height:1.1}.dashboard-heading p{margin:7px 0 0;color:var(--admin-muted);font-size:13px;font-weight:600}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-stat-card{display:flex;min-width:0;align-items:center;gap:16px;min-height:94px;padding:20px;border:1px solid rgba(192,200,196,.5);border-radius:12px;background:#fff;box-shadow:0 3px 10px #193d3309;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.dashboard-stat-card:hover{border-color:#bed9d0;box-shadow:0 14px 32px #193d3317;transform:translateY(-2px)}.dashboard-stat-card>div{display:grid;min-width:0}.dashboard-stat-card>div>span{overflow:hidden;color:var(--admin-muted);font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.dashboard-stat-card strong{margin-top:2px;color:var(--admin-text);font-size:clamp(26px,2vw,30px);font-weight:900;letter-spacing:-.04em;line-height:1.15}.dashboard-stat-card small{overflow:hidden;margin-top:2px;color:#84968f;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.dashboard-stat-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;width:48px;height:48px;border-radius:50%}.dashboard-stat-icon svg{width:19px;height:19px}.dashboard-stat-icon-primary{background:#e8f2ff;color:#2768c7}.dashboard-stat-icon-success{background:#e6f8ef;color:#12835d}.dashboard-stat-icon-warning{background:#fff4da;color:#b47611}.dashboard-stat-icon-note{background:#f0eaff;color:#7250ba}.app-shell .control-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:16px;border:1px solid rgba(192,200,196,.5);border-radius:12px;background:#fff;box-shadow:0 3px 10px #193d3309;-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell .control-strip.hidden,.app-shell .table-panel.hidden,.app-shell .dashboard-system-tip.hidden{display:none!important}.control-strip-main{display:grid;grid-template-columns:auto minmax(240px,1fr) 148px;align-items:end;gap:10px;min-width:0}.control-strip-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.app-shell .add-record-toolbar-button{min-width:148px;min-height:42px;border-color:#087052;border-radius:10px;background:linear-gradient(145deg,#0b8966,#076d52);box-shadow:0 8px 18px #08785a2e}.app-shell .search-box input,.app-shell .select-field select{min-height:42px;border-color:#d7e2de;border-radius:10px;background:#fbfdfc;box-shadow:none}.app-shell .search-box input{padding-left:40px}.app-shell .search-box svg{color:#71857e}.app-shell .select-field>span{color:#6d817a;font-size:12px;font-weight:850;letter-spacing:.03em}.app-shell .search-box:focus-within input,.app-shell .select-field select:focus{border-color:#55aa8e;box-shadow:0 0 0 4px #08785a1a}.app-shell .control-strip-actions .tool-button,.app-shell .table-settings-trigger{min-height:42px;border-color:#d8e2df;border-radius:10px;background:#fff;color:#405650;box-shadow:none}.app-shell .control-strip-actions .tool-button{padding:0 12px;font-size:14px}.app-shell .control-strip-actions .tool-button:hover,.app-shell .table-settings-trigger:hover{border-color:#a9cbbf;background:var(--admin-brand-soft);color:var(--admin-brand-strong);transform:none}.app-shell .table-panel{overflow:hidden;border:1px solid rgba(192,200,196,.5);border-radius:12px;background:var(--admin-panel);box-shadow:var(--admin-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell .table-wrap{min-height:290px;max-height:calc(100dvh - 382px);border-radius:0;background:#fff;scrollbar-color:#b5c9c2 transparent;scrollbar-width:thin}.app-shell table{min-width:1120px;border-collapse:separate;border-spacing:0;font-size:14px}.app-shell thead th{height:48px;border-width:0 1px 0 0;border-color:#ffffff14;background:linear-gradient(180deg,#153d35,#0e302a)!important;color:#ffffffe6!important;font-size:12px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.app-shell th button{min-height:48px;padding:0 12px;font-size:12px;font-weight:850;letter-spacing:.045em}.app-shell tbody td{height:56px;border-width:0 1px 1px 0;border-color:#e4ece9;background:#fffc;color:#253b35;font-weight:650}.app-shell tbody tr:nth-child(2n) td{background:#f8fbfad1}.app-shell tbody tr:hover td{background:#e8f6f0eb}.app-shell .cell-content{padding:13px 14px}.app-shell td.status-column{white-space:nowrap}.app-shell .table-status-badge{display:inline-flex;width:fit-content;max-width:100%;min-height:27px;align-items:center;gap:6px;padding:0 9px;border:1px solid #d9e4e0;border-radius:999px;background:#f4f7f6;color:#536861;font-size:12px;font-weight:800;line-height:1;overflow:visible;text-overflow:clip}.app-shell .table-status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#91a49d;box-shadow:0 0 0 2px #91a49d24}.app-shell .table-status-badge.is-green{border-color:#bde4d1;background:#ecf9f2;color:#087253}.app-shell .table-status-badge.is-green .table-status-dot{background:#12a86f;box-shadow:0 0 0 2px #12a86f26}.app-shell .table-status-badge.is-red{border-color:#f0c9ce;background:#fff3f4;color:#ba3c49}.app-shell .table-status-badge.is-red .table-status-dot{background:#dd5361;box-shadow:0 0 0 2px #dd536124}.app-shell .table-status-badge.is-blue{border-color:#c9dcf5;background:#f0f6ff;color:#2563a7}.app-shell .table-status-badge.is-blue .table-status-dot{background:#3b82d0;box-shadow:0 0 0 2px #3b82d024}.app-shell .table-status-badge.is-cyan{border-color:#bce5e8;background:#effbfc;color:#167c85}.app-shell .table-status-badge.is-cyan .table-status-dot{background:#1aa3ae;box-shadow:0 0 0 2px #1aa3ae24}html.dark .app-shell .table-status-badge{border-color:#40534d;background:#1b2b26;color:#c2d2cc}html.dark .app-shell .table-status-badge.is-green{border-color:#356b55;background:#18372a;color:#8bdfbb}html.dark .app-shell .table-status-badge.is-red{border-color:#71434a;background:#3b2328;color:#ffb7be}.app-shell .cell-actions{flex-wrap:nowrap;gap:5px;padding:7px 8px}.app-shell .cell-action{width:31px;height:31px;min-height:31px;border-color:#d9e4e0;border-radius:8px;background:#fffffff0;color:#47615a;box-shadow:none}.app-shell .cell-action:hover{border-color:#9bc5b6;background:#e8f6f0;color:#076c50;transform:translateY(-1px)}.app-shell thead th:first-child,.app-shell tbody td:first-child{position:sticky;left:0}.app-shell thead th:first-child{z-index:8}.app-shell tbody td:first-child{z-index:2;border-left:3px solid #39b98b;background:#f7faf9;color:#647971;font-weight:850}.app-shell thead th:last-child,.app-shell tbody td:last-child{position:sticky;right:0}.app-shell thead th:last-child{z-index:8;box-shadow:-8px 0 18px #08272114}.app-shell tbody td:last-child{z-index:3;background:#fafcfbf7;box-shadow:-8px 0 18px #24463d0d}.app-shell .empty-state{min-height:220px;margin:14px;border-color:#cfe0da;background:#f8fbfa;color:var(--admin-muted)}.app-shell .empty-state strong{color:var(--admin-text);font-size:15px}.app-shell .pagination-bar{justify-content:space-between;min-height:66px;padding:12px 24px;border-top-color:var(--admin-border);background:#fbfdfc}.app-shell .pagination-summary{color:#405650;font-size:14px;font-weight:650}.app-shell .pagination-controls{display:inline-flex;align-items:center;gap:7px}.app-shell .page-btn{min-height:32px;padding:0 8px;border:0;background:transparent;color:#5d716a;font-size:14px;font-weight:750}.app-shell .page-btn:hover:not(:disabled){background:#edf5f1;color:var(--admin-brand-strong)}.app-shell .page-info{display:grid;width:32px;height:32px;place-items:center;border-radius:6px;background:#07352b;color:#fff;font-size:14px;font-weight:850}.dashboard-system-tip{display:flex;align-items:flex-start;gap:14px;padding:16px;border:1px solid #b9cbc4;border-radius:10px;background:#e9f0ee;color:#183c33}.dashboard-system-tip-icon{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:6px;background:#d5e4df}.dashboard-system-tip-icon svg{width:21px;height:21px}.dashboard-system-tip strong{display:block;margin:1px 0 4px;font-size:16px;font-weight:850}.dashboard-system-tip p{margin:0;color:#49645b;font-size:14px;line-height:1.5}.dashboard-system-tip button{padding:0;border:0;background:transparent;color:#123e32;font:inherit;font-weight:850;text-decoration:underline;text-decoration-style:dotted;cursor:pointer}html.dark .app-shell{--admin-bg: #0c1514;--admin-panel: #111d1b;--admin-panel-soft: #162321;--admin-border: #293b37;--admin-text: #ecf5f2;--admin-muted: #96aaa4;--admin-brand-soft: #14372f;--admin-shadow: 0 18px 42px rgba(0, 0, 0, .28)}html.dark .app-shell .app-main-layout{background:radial-gradient(circle at 92% 2%,rgba(35,173,130,.09),transparent 28%),var(--admin-bg)}html.dark .app-shell .topbar,html.dark .dashboard-stat-card,html.dark .app-shell .control-strip,html.dark .app-shell .table-panel{border-color:var(--admin-border);background:#111d1bf0}html.dark .dashboard-topbar-live{border-color:#285448;background:#14372f;color:#7ad8b6}html.dark .app-shell .search-box input,html.dark .app-shell .select-field select,html.dark .app-shell .control-strip-actions .tool-button,html.dark .app-shell .table-settings-trigger,html.dark .app-shell .topbar-theme-btn,html.dark .app-shell .topbar-utility-btn{border-color:var(--admin-border);background:#14211f;color:#d8e6e1}html.dark .app-shell .table-wrap{background:#111d1b}html.dark .dashboard-system-tip{border-color:#315148;background:#142923;color:#d8eee6}html.dark .dashboard-system-tip-icon{background:#1d3c33}html.dark .dashboard-system-tip p,html.dark .dashboard-system-tip button{color:#aac7bc}html.dark .app-shell tbody td,html.dark .app-shell tbody tr:nth-child(2n) td{border-color:#263733;background:#111d1bd6;color:#dce9e5}html.dark .app-shell tbody tr:hover td{background:#19372ff0}html.dark .app-shell tbody td:first-child,html.dark .app-shell tbody td:last-child{background:#14211ffa}html.dark .app-shell .cell-action{border-color:#30433e;background:#172522;color:#bdd0ca}@media(max-width:1320px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .control-strip{grid-template-columns:1fr;align-items:stretch}.control-strip-actions{justify-content:flex-end}.app-shell .table-wrap{max-height:calc(100dvh - 450px)}}@media(max-width:920px){.mobile-sidebar-backdrop{position:fixed;inset:0;z-index:190;display:block;width:100%;height:100%;padding:0;border:0;background:#04141185;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.sidebar.is-open+.mobile-sidebar-backdrop{opacity:1;visibility:visible;pointer-events:auto}.app-shell .sidebar,.app-shell .sidebar.is-open{width:min(292px,86vw);padding-left:var(--safe-area-left);z-index:220;filter:none}.app-shell .topbar{min-height:64px;flex-direction:row;align-items:center;gap:9px;padding:calc(9px + var(--safe-area-top)) max(12px,calc(8px + var(--safe-area-right))) 9px max(12px,calc(8px + var(--safe-area-left)))}.app-shell .topbar .title-group{width:auto;flex:1 1 auto}.app-shell .topbar h1{overflow:hidden;font-size:19px!important;text-overflow:ellipsis;white-space:nowrap}.dashboard-topbar-title span{font-size:10px}.dashboard-topbar-title strong{font-size:19px}.app-shell .topbar .header-actions{width:auto;flex:0 0 auto;flex-direction:row;align-items:center;gap:5px}.dashboard-topbar-live{display:none!important}.app-shell .topbar-sync-btn{width:42px;min-width:42px;height:42px;padding:0}.app-shell .topbar-sync-btn span,.app-shell .topbar-utility-btn,.app-shell .header-actions>.status-row{display:none!important}.app-shell .workspace{gap:14px;padding:16px max(14px,calc(9px + var(--safe-area-right))) calc(24px + var(--safe-area-bottom)) max(14px,calc(9px + var(--safe-area-left)))}.dashboard-heading{align-items:flex-start}.dashboard-heading h2{font-size:25px}.control-strip-main{grid-template-columns:minmax(0,1fr) 148px}.app-shell .add-record-toolbar-button{grid-column:1 / -1;width:100%}.control-strip-actions{max-width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.control-strip-actions::-webkit-scrollbar{display:none}.app-shell .control-strip-actions .tool-button{flex:0 0 auto;min-height:44px;font-size:14px}.app-shell .table-wrap{min-height:260px;max-height:min(58dvh,620px);-webkit-overflow-scrolling:touch}}@media(max-width:600px){.app-shell .topbar-theme-btn{display:none}.app-shell .topbar .header-actions .auth-account-trigger{width:40px;height:40px;min-height:40px}.dashboard-heading p{display:none}.dashboard-heading{gap:8px}.dashboard-heading h2{font-size:22px}.dashboard-eyebrow{font-size:9px}.dashboard-stats{gap:10px}.dashboard-stat-card{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;min-height:78px;padding:12px;border-radius:12px;box-shadow:0 1px 3px #193d330a}.dashboard-stat-card>div{gap:1px}.dashboard-stat-card>div>span{color:#62716c;font-size:12px;font-weight:750;line-height:1.25;white-space:normal}.dashboard-stat-icon{width:32px;height:32px;border-radius:9px}.dashboard-stat-icon svg{width:15px;height:15px}.dashboard-stat-card strong{margin-top:0;font-size:24px;line-height:1.1}.dashboard-stat-card small{display:none}.control-strip-main{grid-template-columns:1fr}.app-shell .add-record-toolbar-button{grid-column:auto}.app-shell .control-strip{padding:10px;border-radius:12px}.app-shell .select-field>span{font-size:12px}.app-shell table{font-size:14px}.app-shell thead th,.app-shell th button{font-size:12px}.app-shell .pagination-summary{font-size:13px}.dashboard-system-tip strong{font-size:15px}.dashboard-system-tip p{font-size:13px}.app-shell .control-strip-actions .tool-button span{display:inline}.app-shell .table-panel{margin-inline:-2px;border-radius:12px}.app-shell .pagination-bar{min-height:58px;padding:10px 14px}.dashboard-system-tip{padding:13px}.app-shell table{min-width:1040px}}.record-detail-modal{width:min(1040px,calc(100vw - 40px));max-height:min(90dvh,880px);padding:0;overflow:hidden;border:1px solid rgba(159,184,176,.7);border-radius:20px;background:#fff;box-shadow:0 30px 90px #071f1b47}.record-detail-modal::backdrop{background:#07191694;-webkit-backdrop-filter:blur(7px) saturate(80%);backdrop-filter:blur(7px) saturate(80%)}.record-detail-modal .record-detail-shell{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:0;max-height:min(90dvh,880px);padding:0;overflow:hidden;border:0;border-radius:20px;background:#fff}.record-detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px 30px 23px;border-bottom:1px solid #e1eae7;background:radial-gradient(circle at 88% 12%,rgba(47,190,143,.12),transparent 28%),linear-gradient(135deg,#fbfefd,#f3faf7)}.record-detail-identity{display:flex;min-width:0;align-items:center;gap:14px}.record-detail-avatar{display:grid;width:56px;height:56px;flex:0 0 auto;place-items:center;border:1px solid #bfe3d6;border-radius:16px;background:linear-gradient(145deg,#e3f8f0,#d7f1e8);color:#08785a;box-shadow:0 8px 22px #08785a1c}.record-detail-avatar svg{width:25px;height:25px}.record-detail-identity>div{min-width:0}.record-detail-identity h2{overflow:hidden;margin:0;color:#10231f;font-size:25px;font-weight:900;letter-spacing:-.035em;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.record-detail-identity p{margin:6px 0 0;color:#71847e;font-size:14px;font-weight:600}.record-detail-close{width:42px;height:42px;min-height:42px;flex:0 0 auto;border-color:#d7e4df;border-radius:11px;background:#ffffffdb;color:#5e746d;box-shadow:none}.record-detail-close:hover{border-color:#aaccc0;background:#e9f7f1;color:#076c50;transform:none}.record-detail-summary{display:grid;grid-template-columns:minmax(280px,1.08fr) minmax(0,1.92fr);gap:14px;padding:18px 30px;border-bottom:1px solid #e3ebe8;background:#f7faf9}.record-detail-status-block{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid #d2e4dd;border-radius:14px;background:#fff}.record-detail-status-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#e5f7ef;color:#0d8561}.record-detail-status-icon svg{width:20px;height:20px}.record-detail-status-block>div{display:grid;min-width:0;gap:3px}.record-detail-status-block>div>span{color:#7a8d87;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.record-detail-status-block strong{overflow:hidden;color:#244039;font-size:16px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.record-detail-remaining{min-height:32px;align-items:center;padding:0 11px;border:1px solid #cde6dc;border-radius:999px;background:#edf9f4;color:#197156;font-size:12px;font-weight:850;white-space:nowrap}.record-detail-remaining.is-expired{border-color:#f0c9cc;background:#fff1f2;color:#b52f3a}.record-detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.record-detail-meta-item{display:flex;min-width:0;align-items:center;gap:10px;padding:12px;border:1px solid #dee8e5;border-radius:12px;background:#ffffffd1}.record-detail-meta-item>svg{width:18px;height:18px;flex:0 0 auto;color:#6a8179}.record-detail-meta-item>div{display:grid;min-width:0;gap:2px}.record-detail-meta-item span{min-height:0;padding:0;border:0;background:transparent;color:#84968f;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.record-detail-meta-item strong{overflow:hidden;color:#40554f;font-size:12px;font-weight:800;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.record-detail-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 30px;border-bottom:1px solid #e5ecea;background:#fff}.record-detail-toolbar .tool-button{min-height:42px;border-color:#d8e5e0;border-radius:10px;background:#fff;color:#3f5951;box-shadow:none;font-size:13px;font-weight:750}.record-detail-toolbar .tool-button:hover{border-color:#9dc9b9;background:#e9f7f1;color:#076c50;transform:none}.record-detail-toolbar .tool-button[aria-pressed=true]{border-color:#82bca8;background:#e3f5ee;color:#076c50}.record-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;min-height:0;padding:22px 30px 24px;overflow-y:auto;background:#f9fbfa;scrollbar-color:#b9cdc6 transparent;scrollbar-width:thin}.record-detail-field{display:grid;min-width:0;gap:13px;padding:18px;border:1px solid #dce7e3;border-radius:14px;background:#fff;box-shadow:0 5px 15px #193d3309;transition:border-color .16s ease,box-shadow .16s ease}.record-detail-field:hover{border-color:#bad7cd;box-shadow:0 8px 20px #193d3311}.record-detail-field-wide{grid-column:1 / -1}.record-detail-field-head{display:flex;min-width:0;align-items:center;gap:8px;color:#667c75}.record-detail-field-head svg{width:16px;height:16px;flex:0 0 auto;color:#168160}.record-detail-field-head>span{overflow:hidden;font-size:11px;font-weight:900;letter-spacing:.085em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.record-detail-field-head small{min-height:22px;align-items:center;margin-left:auto;padding:0 8px;border-radius:999px;background:#fff4db;color:#966314;font-size:9px;font-weight:900;letter-spacing:.04em}.record-detail-field .record-detail-value-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:44px;align-items:center;gap:11px}.record-detail-field .record-detail-value-text{min-width:0;color:#172d27;font-size:16px;font-weight:800;line-height:1.5;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.record-detail-field .record-detail-value-text.is-status{width:fit-content;padding:5px 9px;border-radius:999px;background:#e6f7ef;color:#087253}.record-detail-field.record-detail-muted .record-detail-value-text{color:#91a19c;font-weight:650}.record-detail-field.record-detail-sensitive .record-detail-value-text{letter-spacing:.11em}.record-detail-field .record-detail-copy-btn{width:38px;height:38px;min-height:38px;border-color:#d8e4e0;border-radius:9px;background:#fbfdfc;color:#547069}.record-detail-field .record-detail-copy-btn:hover:not(:disabled){border-color:#91c4b2;background:#e7f7f1;color:#087253}.record-detail-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;padding:16px 30px;border-top:1px solid #dfe9e6;background:#fff}.record-detail-actions>*{width:auto;min-width:128px;min-height:44px;font-size:15px;justify-content:center}.record-detail-modal{width:min(960px,calc(100vw - 40px));max-height:min(86dvh,760px)}.record-detail-modal .record-detail-shell{max-height:min(86dvh,760px)}.record-detail-hero{gap:16px;padding:18px 24px}.record-detail-identity{gap:12px}.record-detail-avatar{width:46px;height:46px;border-radius:13px}.record-detail-avatar svg{width:22px;height:22px}.record-detail-identity h2{font-size:22px}.record-detail-identity p{margin-top:3px;font-size:13px}.record-detail-close{width:38px;height:38px;min-height:38px}.record-detail-summary{gap:10px;padding:12px 24px}.record-detail-status-block{gap:10px;padding:10px 12px;border-radius:12px}.record-detail-status-icon{width:34px;height:34px;border-radius:10px}.record-detail-status-icon svg{width:17px;height:17px}.record-detail-status-block strong{font-size:15px}.record-detail-remaining{min-height:28px;font-size:11px}.record-detail-meta{gap:8px}.record-detail-meta-item{gap:8px;padding:9px 10px;border-radius:10px}.record-detail-meta-item>svg{width:16px;height:16px}.record-detail-toolbar{gap:8px;padding:9px 24px}.record-detail-toolbar .tool-button{min-height:36px;border-radius:9px;font-size:12px}.record-detail-grid{gap:10px;padding:14px 24px 16px}.record-detail-field{gap:8px;padding:13px 14px;border-radius:12px}.record-detail-field .record-detail-value-wrap{min-height:34px;gap:9px}.record-detail-field .record-detail-value-text{font-size:15px}.record-detail-field .record-detail-copy-btn{width:34px;height:34px;min-height:34px}.record-detail-actions{gap:8px;padding:12px 24px}.record-detail-actions>*{min-width:116px;min-height:40px;font-size:14px}html.dark .record-detail-modal,html.dark .record-detail-modal .record-detail-shell{border-color:#30433e;background:#111d1b}html.dark .record-detail-hero{border-color:#2a3d38;background:radial-gradient(circle at 88% 12%,rgba(47,190,143,.12),transparent 28%),linear-gradient(135deg,#14221f,#101b19)}html.dark .record-detail-identity h2,html.dark .record-detail-field .record-detail-value-text{color:#edf6f3}html.dark .record-detail-identity p,html.dark .record-detail-field-head{color:#98aaa4}html.dark .record-detail-summary,html.dark .record-detail-grid{border-color:#293b36;background:#0f1917}html.dark .record-detail-status-block,html.dark .record-detail-meta-item,html.dark .record-detail-field,html.dark .record-detail-toolbar,html.dark .record-detail-actions{border-color:#2b3e39;background:#14211f}html.dark .record-detail-status-block strong,html.dark .record-detail-meta-item strong{color:#dce9e5}html.dark .record-detail-toolbar .tool-button,html.dark .record-detail-close,html.dark .record-detail-field .record-detail-copy-btn{border-color:#31453f;background:#182824;color:#c5d7d1}@media(max-width:720px){.record-detail-modal{width:min(calc(100vw - 12px),900px);max-height:calc(100dvh - 12px);border-radius:16px}.record-detail-modal .record-detail-shell{max-height:calc(100dvh - 12px);border-radius:16px}.record-detail-hero{padding:16px}.record-detail-avatar{width:44px;height:44px;border-radius:12px}.record-detail-identity h2{max-width:min(56vw,360px);font-size:21px}.record-detail-summary{grid-template-columns:1fr;padding:12px 16px}.record-detail-meta-item{padding:8px}.record-detail-meta-item>svg{display:none}.record-detail-meta-item strong{white-space:normal;font-size:12px}.record-detail-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 16px}.record-detail-toolbar .tool-button{width:100%;min-height:44px;padding-inline:9px}.record-detail-grid{grid-template-columns:1fr;padding:14px 16px 16px}.record-detail-field-wide{grid-column:auto}.record-detail-field{padding:15px}.record-detail-actions{flex-direction:row;padding:12px 16px calc(12px + var(--safe-area-bottom))}.record-detail-actions>*{width:auto;flex:1 1 0;min-height:44px}}@media(max-width:440px){.record-detail-identity{gap:10px}.record-detail-identity p{display:none}.record-detail-avatar{width:40px;height:40px}.record-detail-meta{grid-template-columns:1fr;gap:8px}.record-detail-meta-item{padding:10px}.record-detail-meta-item strong,.record-detail-toolbar .tool-button{font-size:12px}}.record-detail-modal{width:min(1020px,calc(100vw - 40px));max-height:min(86dvh,780px);border-radius:18px}.record-detail-modal .record-detail-shell{max-height:min(86dvh,780px);border-radius:18px;grid-template-rows:auto auto minmax(0,1fr) auto}.record-detail-hero{align-items:center;padding:17px 24px}.record-detail-identity h2{font-size:22px;letter-spacing:-.025em}.record-detail-hero-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.record-detail-hero .record-detail-toolbar{display:flex;align-items:center;gap:6px;padding:0;border:0;background:transparent}.record-detail-hero .record-detail-toolbar .tool-button{min-height:36px;padding:0 10px;border-radius:9px;font-size:12px;white-space:nowrap}.record-detail-hero .record-detail-toolbar .tool-button svg{width:16px;height:16px}.record-detail-summary{grid-template-columns:minmax(220px,.85fr) minmax(0,2.15fr);gap:0;padding:0 24px;background:#f7faf9}.record-detail-status-block{min-height:66px;padding:0 12px;border-width:0 1px 0 0;border-radius:0;background:transparent}.record-detail-status-icon{width:32px;height:32px}.record-detail-status-block>div>span,.record-detail-meta-item span{font-size:9px}.record-detail-remaining{min-height:26px;padding-inline:9px}.record-detail-meta{gap:0}.record-detail-meta-item{min-height:66px;padding:0 14px;border-width:0 0 0 1px;border-radius:0;background:transparent}.record-detail-meta-item:first-child{border-left:0}.record-detail-meta-item>svg{width:15px;height:15px}.record-detail-meta-item strong{font-size:11px}.record-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 24px;background:#fff}.record-detail-field{min-height:92px;gap:7px;padding:13px 14px 12px;border-color:#dce8e4;border-radius:12px;box-shadow:none}.record-detail-field:hover{border-color:#abd1c2;box-shadow:0 5px 14px #193d330e}.record-detail-field-wide{grid-column:1 / -1;min-height:88px}.record-detail-field .record-detail-value-wrap{min-height:32px}.record-detail-field .record-detail-value-text{font-size:15px;font-weight:780;line-height:1.4}.record-detail-field .record-detail-copy-btn{width:32px;height:32px;min-height:32px;border-radius:8px}.record-detail-actions{min-height:64px;padding:11px 24px}.record-detail-actions>*{min-height:40px}html.dark .record-detail-summary{background:#101b19}html.dark .record-detail-status-block,html.dark .record-detail-meta-item{background:transparent;border-color:#2b3e39}html.dark .record-detail-grid{background:#111d1b}html.dark .record-detail-hero .record-detail-toolbar{background:transparent}@media(max-width:820px){.record-detail-modal,.record-detail-modal .record-detail-shell{max-height:calc(100dvh - 20px)}.record-detail-hero{align-items:flex-start}.record-detail-hero-actions{flex-direction:column-reverse;align-items:flex-end}.record-detail-hero .record-detail-toolbar .tool-button span{display:none}.record-detail-hero .record-detail-toolbar .tool-button{width:36px;min-width:36px;padding:0}.record-detail-summary{grid-template-columns:1fr;padding:0 16px}.record-detail-status-block{min-height:60px;border-width:0 0 1px}.record-detail-meta-item{min-height:58px;padding-inline:10px}.record-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 16px}}@media(max-width:560px){.record-detail-modal{width:calc(100vw - 12px)}.record-detail-hero{padding:15px 16px}.record-detail-identity h2{max-width:calc(100vw - 150px);font-size:18px}.record-detail-identity p{display:none}.record-detail-summary{padding-inline:12px}.record-detail-meta{grid-template-columns:1fr}.record-detail-meta-item{min-height:42px;padding:8px 10px;border-width:0 0 1px}.record-detail-meta-item:last-child{border-bottom:0}.record-detail-grid{grid-template-columns:1fr;padding:12px}.record-detail-field,.record-detail-field-wide{grid-column:auto;min-height:78px}.record-detail-actions{min-height:62px;padding:10px 12px calc(10px + var(--safe-area-bottom))}}.record-detail-modal{width:min(720px,calc(100vw - 32px));max-height:min(92dvh,820px);border:1px solid #e5e9e8;border-radius:12px;background:#f5f6f7;box-shadow:0 24px 72px #1025203b}.record-detail-modal .record-detail-shell{max-height:min(92dvh,820px);grid-template-rows:auto auto minmax(0,1fr) auto;border-radius:12px;background:#f5f6f7}.record-detail-hero{align-items:center;margin:12px 12px 18px;padding:24px 26px;border:1px solid #edf0ef;border-radius:11px;background:#fff;box-shadow:0 2px 7px #162a2514}.record-detail-identity{gap:17px}.record-detail-avatar{position:relative;width:66px;height:66px;overflow:visible;border:3px solid #e8f2ef;border-radius:50%;background:linear-gradient(145deg,#d9eee8,#a8ccbd);color:#096f54;box-shadow:none}.record-detail-avatar:after{position:absolute;right:-4px;bottom:-3px;display:grid;width:24px;height:24px;place-items:center;border:2px solid #ffffff;border-radius:50%;background:#fff;box-shadow:0 1px 4px #1227222e;color:#1f5345;content:"✎";font-size:14px;font-weight:800}.record-detail-avatar svg{width:29px;height:29px}.record-detail-title-row{display:flex;min-width:0;align-items:center;gap:9px}.record-detail-identity h2{overflow:hidden;font-size:22px;font-weight:780;letter-spacing:-.025em;text-overflow:ellipsis}.record-detail-profile-badge{flex:0 0 auto;padding:3px 8px;border-radius:999px;background:#eaf7f1;color:#147453;font-size:10px;font-weight:800}.record-detail-account-line{display:flex;min-width:0;align-items:center;gap:7px;margin:5px 0 0;color:#4c5d59;font-size:14px;font-weight:500}.record-detail-account-line>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-detail-header-copy{display:grid;width:24px;height:24px;min-height:24px;flex:0 0 auto;padding:0;place-items:center;border:0;border-radius:6px;background:transparent;color:#536963;box-shadow:none}.record-detail-header-copy:hover:not(:disabled){background:#edf6f2;color:#087253;transform:none}.record-detail-header-copy svg{width:15px;height:15px}.record-detail-hero-actions{align-self:flex-start;gap:7px}.record-detail-hero .record-detail-toolbar .tool-button{width:34px;min-width:34px;min-height:34px;padding:0;place-content:center;border-color:#dce7e3;background:#fff}.record-detail-hero .record-detail-toolbar .tool-button span{display:none}.record-detail-close{width:34px;height:34px;min-height:34px;border-color:#dce7e3;background:#fff}.record-detail-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 12px 18px;border:0;background:transparent}.record-detail-summary>.record-detail-meta{display:contents}.record-detail-status-block,.record-detail-meta-item{min-height:70px;display:grid;align-content:center;gap:5px;padding:13px 16px;border:1px solid #edf0ef;border-radius:10px;background:#fff;box-shadow:0 2px 6px #162a2512}.record-detail-status-block{grid-template-columns:1fr}.record-detail-status-icon,.record-detail-meta-item>svg,.record-detail-remaining{display:none}.record-detail-status-block>div,.record-detail-meta-item>div{display:grid;gap:4px}.record-detail-status-block>div>span,.record-detail-meta-item span{color:#697a75;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.record-detail-status-block strong,.record-detail-meta-item strong{overflow:hidden;color:#172b26;font-size:14px;font-weight:800;letter-spacing:0;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.record-detail-status-block strong:before{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#1abc85;content:"";vertical-align:1px}.record-detail-meta-item.is-expired strong{color:#c83f4a}.record-detail-grid{display:block;margin:0 12px;padding:0;overflow-y:auto;border:1px solid #edf0ef;border-radius:11px;background:#fff;box-shadow:0 2px 7px #162a250f}.record-detail-section-heading{position:sticky;top:0;z-index:1;margin:0;padding:15px 20px;border-bottom:1px solid #edf0ef;background:#f4f5f6;color:#202e2a;font-size:16px;font-weight:800}.record-detail-field,.record-detail-field-wide{display:grid;grid-template-columns:minmax(140px,23%) minmax(0,1fr);min-height:66px;gap:16px;padding:14px 20px;border:0;border-bottom:1px solid #f0f2f1;border-radius:0;background:#fff;box-shadow:none}.record-detail-field:last-child{border-bottom:0}.record-detail-field:hover{border-color:#f0f2f1;background:#fcfefd;box-shadow:none}.record-detail-field-head{align-self:center;gap:0;color:#4c5b56}.record-detail-field-head svg,.record-detail-field-head small{display:none}.record-detail-field-head>span{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none}.record-detail-field .record-detail-value-wrap{display:flex;min-width:0;min-height:36px;align-items:center;gap:10px}.record-detail-field .record-detail-value-text{flex:1 1 auto;min-width:0;color:#172b26;font-size:14px;font-weight:650;line-height:1.45}.record-detail-field .record-detail-value-text.is-subscription-term{display:inline-flex;min-height:30px;flex:0 0 auto;align-items:center;padding:3px 10px;border:1px solid #bfe4d4;border-radius:999px;background:#edf9f4;color:#087a5b;font-size:13px;font-weight:800;letter-spacing:0;line-height:1.2;white-space:nowrap}.record-detail-field.is-sensitive .record-detail-value-wrap,.record-detail-field-wide .record-detail-value-wrap{padding:9px 12px;border:1px solid #eef1f0;border-radius:7px;background:#fbfcfc}.record-detail-field.is-sensitive:not(.record-detail-sensitive) .record-detail-value-wrap{border-color:#d8eee6;background:#f4fcf8}.record-detail-field.record-detail-muted .record-detail-value-text{font-style:italic}html.dark .record-detail-field .record-detail-value-text.is-subscription-term{border-color:#315448;background:#17372e;color:#6be1b5}.record-detail-field .record-detail-copy-btn{width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:#168160}.record-detail-field .record-detail-copy-btn:hover:not(:disabled){border-color:transparent;background:#e9f7f1}.record-detail-actions{min-height:76px;margin-top:10px;padding:12px 26px;border:0;background:#fff}.record-detail-actions>*{min-width:150px;min-height:40px;font-size:13px}.record-detail-actions .primary-button{min-width:184px;background:#10ad7b}.record-detail-section-heading{display:flex;align-items:center;gap:9px}.record-detail-section-heading>svg{width:18px;height:18px;color:#0b8a67}.record-detail-meta-icon,.record-detail-field-icon{display:grid;flex:0 0 auto;place-items:center;border:1px solid #d4ebe1;background:#edf9f4;color:#078160}.record-detail-meta-icon{width:32px;height:32px;border-radius:9px}.record-detail-meta-icon svg{display:block;width:16px;height:16px}.record-detail-field-head{gap:9px}.record-detail-field-head>.record-detail-field-icon{width:28px;height:28px;overflow:visible;border-radius:8px;font-size:inherit;font-weight:inherit;letter-spacing:normal;text-transform:none;white-space:normal}.record-detail-field-head>.record-detail-field-icon svg{display:block;width:15px;height:15px;color:currentColor}.record-detail-field-head>.record-detail-field-label{overflow:hidden;color:#4c5b56;font-size:13px;font-weight:650;letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.record-detail-field.is-sensitive .record-detail-field-icon{border-color:#eadab4;background:#fff7e5;color:#ae731a}.record-detail-field-wide:not(.is-sensitive) .record-detail-field-icon{border-color:#d8e7f5;background:#f0f7ff;color:#39719d}.record-detail-actions .ghost-button{display:inline-flex;align-items:center;gap:8px}.record-detail-actions .ghost-button svg{width:16px;height:16px}html.dark .record-detail-meta-icon,html.dark .record-detail-field-icon{border-color:#315448;background:#17372e;color:#6be1b5}html.dark .record-detail-field.is-sensitive .record-detail-field-icon{border-color:#765e31;background:#3b301b;color:#f6c66e}html.dark .record-detail-field-wide:not(.is-sensitive) .record-detail-field-icon{border-color:#31536c;background:#192d3b;color:#8cc7f2}html.dark .record-detail-field-head>.record-detail-field-label{color:#b8ccc5}@media(max-width:650px){.record-detail-modal,.record-detail-modal .record-detail-shell{max-height:calc(100dvh - 12px)}.record-detail-hero{margin:8px 8px 14px;padding:17px}.record-detail-avatar{width:52px;height:52px}.record-detail-avatar svg{width:23px;height:23px}.record-detail-identity h2{max-width:calc(100vw - 190px);font-size:18px}.record-detail-profile-badge{display:none}.record-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 8px 14px}.record-detail-status-block,.record-detail-meta-item{min-height:64px;padding:10px 12px}.record-detail-grid{margin:0 8px}.record-detail-field,.record-detail-field-wide{grid-template-columns:1fr;gap:7px;padding:13px 15px}.record-detail-field .record-detail-value-wrap{align-items:flex-start}.record-detail-meta-icon{width:28px;height:28px}.record-detail-field-head>.record-detail-field-icon{width:26px;height:26px}.record-detail-actions{min-height:64px;padding:10px 15px calc(10px + var(--safe-area-bottom))}.record-detail-actions>*{min-width:0}.record-detail-actions .primary-button{min-width:0}}html.dark .record-detail-modal,html.dark .record-detail-modal .record-detail-shell{background:#111d1b}html.dark .record-detail-hero,html.dark .record-detail-status-block,html.dark .record-detail-meta-item,html.dark .record-detail-grid,html.dark .record-detail-field,html.dark .record-detail-actions{border-color:#2b3e39;background:#14211f}html.dark .record-detail-section-heading{border-color:#2b3e39;background:#192825;color:#e7f1ee}html.dark .record-detail-field:hover,html.dark .record-detail-field.is-sensitive .record-detail-value-wrap,html.dark .record-detail-field-wide .record-detail-value-wrap{background:#182824}html.dark .record-detail-meta-item.is-expired strong{color:#ff9aa2}body.account-view-active .settings-view{max-width:1440px;margin-inline:auto}body.account-view-active .settings-page-head{display:grid;gap:5px;margin-bottom:24px}body.account-view-active .settings-page-head h2{font-size:clamp(28px,2.1vw,34px)}body.account-view-active .settings-page-head>p{margin:0;color:#687a72;font-size:15px;line-height:1.5}body.account-view-active .settings-tabs-shell{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}body.account-view-active .settings-tabbar{width:fit-content;gap:3px;margin-bottom:18px;padding:4px;border:1px solid #dbe5e0;border-radius:10px;background:#fff;box-shadow:0 2px 5px #142a2309}body.account-view-active .settings-tab{min-height:38px;padding:0 16px;border:0;border-radius:7px;color:#64766e;font-size:13px;font-weight:760}body.account-view-active .settings-tab:hover{background:#f0f7f4}body.account-view-active .settings-tab.is-active{border:0;background:#e3f4ec;color:#075f46;box-shadow:inset 0 0 0 1px #c9e5d9}body.account-view-active .settings-tab-panel{padding:0}body.account-view-active .settings-quick-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);gap:20px;align-items:stretch}body.account-view-active .settings-quick-main,body.account-view-active .settings-quick-preview{min-height:100%;border:1px solid #dce6e1;border-radius:14px;box-shadow:0 3px 10px #142a230b}body.account-view-active .settings-quick-main{padding:26px;background:#fff}body.account-view-active .settings-section-heading{display:flex;align-items:flex-start;gap:13px;padding-bottom:21px;border-bottom:1px solid #e6ece9}body.account-view-active .settings-section-icon{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:10px;background:#e2f4eb;color:#08785a}body.account-view-active .settings-section-icon svg{width:21px;height:21px}body.account-view-active .settings-section-heading h3{margin:1px 0 4px;color:#1b2c25;font-size:17px;font-weight:800;letter-spacing:-.015em}body.account-view-active .settings-section-heading p{margin:0;color:#718078;font-size:13px;line-height:1.5}body.account-view-active .settings-quick-main .inline-account-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px;padding:22px 0 0}body.account-view-active .settings-quick-main .field{min-width:0;max-width:none}body.account-view-active .settings-quick-main .field>span{margin-bottom:7px;color:#40554c;font-size:13px;font-weight:750}body.account-view-active .settings-quick-main .field input:not(.logo-file-input),body.account-view-active .settings-quick-main .logo-file-picker{min-height:46px;border-color:#cfdad5;border-radius:9px;background:#fcfdfd;box-shadow:none;font-size:14px}body.account-view-active .settings-quick-main .field input:not(.logo-file-input):focus{border-color:#3b9878;box-shadow:0 0 0 3px #08785a17}body.account-view-active .logo-file-picker{padding:5px 6px 5px 12px}body.account-view-active .logo-file-trigger{min-height:34px;border-radius:7px}body.account-view-active .settings-quick-preview{display:flex;flex-direction:column;padding:25px;background:linear-gradient(145deg,#edf8f3,#f7fbf9)}body.account-view-active .settings-preview-heading{display:grid;gap:5px}body.account-view-active .settings-preview-heading>span{color:#39826a;font-size:10px;font-weight:850;letter-spacing:.12em}body.account-view-active .settings-preview-heading strong{color:#17382c;font-size:18px;font-weight:800;letter-spacing:-.02em}body.account-view-active .settings-brand-preview{display:flex;align-items:center;gap:12px;margin-top:26px;padding:15px;border:1px solid rgba(125,174,151,.38);border-radius:11px;background:#00382b;box-shadow:0 8px 18px #01332624}body.account-view-active .settings-brand-preview-mark{position:relative;display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,#c2fb9a,#7ee6bc);color:#00372b;font-size:13px;font-weight:900}body.account-view-active .settings-brand-preview-mark img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;background:#effaf4}body.account-view-active .settings-brand-preview strong{display:block;color:#fff;font-size:15px;font-weight:800}body.account-view-active .settings-brand-preview small{display:block;margin-top:3px;color:#b9d4c8;font-size:11px;font-weight:600}body.account-view-active .settings-preview-browser{display:flex;min-width:0;align-items:center;gap:9px;margin-top:16px;padding:11px 12px;border:1px solid #d2e6dc;border-radius:9px;background:#ffffffbf;color:#52685e;font-size:12px;font-weight:650}body.account-view-active .settings-preview-browser-dots{display:inline-flex;flex:0 0 auto;gap:3px}body.account-view-active .settings-preview-browser-dots i{width:5px;height:5px;border-radius:50%;background:#8eb4a3}body.account-view-active #settingsBrowserPreviewTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.account-view-active .settings-preview-help{margin:auto 0 0;padding-top:20px;color:#658075;font-size:12px;line-height:1.55}body.account-view-active .settings-quick-actions{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:13px 18px 13px 22px;border:1px solid #dce6e1;border-radius:12px;background:#fff;box-shadow:0 2px 7px #142a2309}body.account-view-active .settings-quick-actions p{margin:0;color:#697a72;font-size:13px}body.account-view-active .settings-quick-actions p strong{color:#30483e;font-weight:750}body.account-view-active .settings-quick-actions .primary-button{min-width:156px;min-height:42px;border-radius:8px;font-size:14px}html.dark body.account-view-active .settings-page-head>p{color:#aabdb5}html.dark body.account-view-active .settings-tabbar,html.dark body.account-view-active .settings-quick-main,html.dark body.account-view-active .settings-quick-actions{border-color:#2d423b;background:#13221e}html.dark body.account-view-active .settings-tab.is-active{background:#1d4034;color:#9be2c4;box-shadow:inset 0 0 0 1px #3c725e}html.dark body.account-view-active .settings-section-heading{border-color:#2d423b}html.dark body.account-view-active .settings-section-heading h3{color:#e6f5ee}html.dark body.account-view-active .settings-quick-main .field>span{color:#bfd0c8}html.dark body.account-view-active .settings-quick-main .field input:not(.logo-file-input),html.dark body.account-view-active .settings-quick-main .logo-file-picker{border-color:#40554e;background:#10201b;color:#ebf6f0}html.dark body.account-view-active .settings-quick-preview{border-color:#315448;background:linear-gradient(145deg,#193128,#14251f)}html.dark body.account-view-active .settings-preview-heading strong{color:#e8f8f0}html.dark body.account-view-active .settings-preview-browser{border-color:#315448;background:#13271f;color:#bed1c7}@media(max-width:900px){body.account-view-active .settings-quick-layout{grid-template-columns:1fr}body.account-view-active .settings-quick-preview{min-height:280px}}@media(max-width:620px){body.account-view-active .settings-page-head{margin-bottom:18px}body.account-view-active .settings-tabbar{width:100%;overflow-x:auto}body.account-view-active .settings-tab{flex:0 0 auto}body.account-view-active .settings-quick-main{padding:19px}body.account-view-active .settings-quick-main .inline-account-fields{grid-template-columns:1fr;gap:15px;padding-top:18px}body.account-view-active .settings-quick-preview{padding:20px;min-height:255px}body.account-view-active .settings-quick-actions{align-items:stretch;flex-direction:column;padding:15px}body.account-view-active .settings-quick-actions .primary-button{width:100%}}body.account-view-active .app-shell .workspace:has(#settingsView:not(.hidden)),body.account-view-active .app-shell .workspace:has(#securityView:not(.hidden)){gap:22px;background:#f7f9fb}body.account-view-active .settings-view,body.account-view-active #securityView.inline-account-view{width:100%;max-width:none;margin:0}body.account-view-active .settings-page-head,body.account-view-active #securityView .account-page-header{margin:0 0 22px;padding:0}body.account-view-active .settings-page-head .account-page-eyebrow,body.account-view-active #securityView .account-page-eyebrow{margin-bottom:5px;color:#647870;font-size:11px;font-weight:800;letter-spacing:.11em}body.account-view-active .settings-page-head h2,body.account-view-active #securityView .account-page-header h2{margin:0;color:#15231e;font-size:clamp(27px,2.3vw,32px);font-weight:850;letter-spacing:-.04em;line-height:1.18}body.account-view-active .settings-tabs-shell,body.account-view-active #securityView .settings-tabs-shell{overflow:hidden;border:1px solid #dbe4e0;border-radius:14px;background:#fff;box-shadow:0 4px 14px #152d240d;padding:0}body.account-view-active .settings-tabbar,body.account-view-active #securityView .settings-tabbar{display:flex;gap:4px;padding:10px 14px 0;border:0;border-bottom:1px solid #e4ebe8;background:#fbfdfc}body.account-view-active .settings-tab,body.account-view-active #securityView .settings-tab{min-height:42px;padding:0 14px;border:0;border-bottom:3px solid transparent;border-radius:0;color:#6a7b74;font-size:14px;font-weight:750}body.account-view-active .settings-tab:hover,body.account-view-active #securityView .settings-tab:hover{background:#f0f7f4;color:#075f46}body.account-view-active .settings-tab.is-active,body.account-view-active #securityView .settings-tab.is-active{border-bottom-color:#08785a;background:transparent;color:#075f46}body.account-view-active .settings-tab-panel,body.account-view-active #securityView .settings-tab-panel{margin:0;padding:22px}body.account-view-active #securityView .inline-account-card{border:1px solid #dce5e1;border-radius:12px;box-shadow:none}body.account-view-active #securityView .inline-account-card h3{padding:16px 20px;background:#fbfdfc;color:#20372f;font-size:15px}body.account-view-active #securityView .security-panel-content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:20px;padding:20px}body.account-view-active #securityView .inline-account-fields{min-width:0;padding:0}body.account-view-active #securityView .field{width:min(100%,560px);max-width:none}body.account-view-active #securityView .field>span,body.account-view-active #securityView .inline-account-field>span{color:#41564e;font-size:13px;font-weight:750}body.account-view-active #securityView .field input{min-height:46px;border-color:#ccd9d4;border-radius:9px;font-size:15px}body.account-view-active #securityView .security-panel-aside{display:flex;min-height:150px;align-items:flex-start;gap:13px;padding:18px;border:1px solid #cbe6db;border-radius:12px;background:linear-gradient(145deg,#edf9f3,#f7fcfa)}body.account-view-active #securityView .security-panel-aside>span{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:10px;background:#d7f2e6;color:#08785a}body.account-view-active #securityView .security-panel-aside svg{width:20px;height:20px}body.account-view-active #securityView .security-panel-aside strong{color:#19392e;font-size:15px;font-weight:800}body.account-view-active #securityView .security-panel-aside p{margin:6px 0 0;color:#5e746b;font-size:13px;font-weight:500;line-height:1.5}body.account-view-active #securityView .security-panel-aside-sensitive{border-color:#cce3eb;background:linear-gradient(145deg,#eef9fc,#f8fcfd)}body.account-view-active #securityView .security-panel-aside-sensitive>span{background:#dff2f7;color:#14718b}body.account-view-active .settings-display-grid,body.account-view-active .settings-overview-grid{gap:16px}body.account-view-active .settings-display-card,body.account-view-active .settings-stat-card,body.account-view-active .settings-notice-card,body.account-view-active .settings-advanced-card,body.account-view-active .settings-hero-card,body.account-view-active .settings-quick-main,body.account-view-active .settings-quick-preview{border-color:#dce5e1;border-radius:12px;box-shadow:0 3px 10px #152d240b}body.account-view-active .settings-advanced-card,body.account-view-active .settings-hero-card{margin-top:16px}html.dark body.account-view-active .app-shell .workspace:has(#settingsView:not(.hidden)),html.dark body.account-view-active .app-shell .workspace:has(#securityView:not(.hidden)){background:#0d1714}html.dark body.account-view-active .settings-tabs-shell,html.dark body.account-view-active #securityView .settings-tabs-shell,html.dark body.account-view-active #securityView .inline-account-card{border-color:#2d423b;background:#13221e}html.dark body.account-view-active .settings-tabbar,html.dark body.account-view-active #securityView .settings-tabbar,html.dark body.account-view-active #securityView .inline-account-card h3{border-color:#2d423b;background:#162924}html.dark body.account-view-active .settings-page-head h2,html.dark body.account-view-active #securityView .account-page-header h2{color:#eff8f4}html.dark body.account-view-active #securityView .security-panel-aside{border-color:#315448;background:#193128}html.dark body.account-view-active #securityView .security-panel-aside strong{color:#e2f3eb}html.dark body.account-view-active #securityView .security-panel-aside p{color:#abc2b8}@media(max-width:820px){body.account-view-active .settings-tab-panel,body.account-view-active #securityView .settings-tab-panel{padding:16px}body.account-view-active #securityView .security-panel-content{grid-template-columns:1fr;padding:16px}body.account-view-active #securityView .security-panel-aside{min-height:auto}}@media(max-width:560px){body.account-view-active .settings-tabbar,body.account-view-active #securityView .settings-tabbar{overflow-x:auto;padding-inline:10px}body.account-view-active .settings-tab,body.account-view-active #securityView .settings-tab{flex:0 0 auto;font-size:13px}body.account-view-active .settings-page-head h2,body.account-view-active #securityView .account-page-header h2{font-size:25px}body.account-view-active #securityView .security-panel-content{padding:12px}}body.notes-view-active .app-shell .workspace{gap:22px;background:#f7f9fb}body.notes-view-active .notes-topbar-search{display:flex;width:min(470px,38vw);min-height:36px;align-items:center;gap:9px;margin-left:12px;padding:0 12px;border:1px solid #cbd5d1;border-radius:10px;background:#f8faf9;color:#53655e}body.notes-view-active .notes-topbar-search svg{width:18px;height:18px;flex:0 0 auto}body.notes-view-active .notes-topbar-search input{width:100%;min-width:0;height:34px;border:0;outline:0;background:transparent;color:#263a33;font-size:13px}body.notes-view-active .notes-topbar-search:focus-within{border-color:#4b9d82;box-shadow:0 0 0 3px #07785a1a}body.notes-view-active .notes-view{width:100%;max-width:none;margin:0}body.notes-view-active .notes-page-head{margin:0 0 22px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}body.notes-view-active .notes-page-head h2{margin:0;color:#111c1a;font-size:clamp(26px,2.4vw,30px);font-weight:850;letter-spacing:-.035em;line-height:1.2}body.notes-view-active .notes-page-head .account-page-eyebrow{display:block;margin-top:4px;color:#687770;font-size:14px;font-weight:500;letter-spacing:0;line-height:1.45;text-transform:none}body.notes-view-active .notes-page-head .primary-button{min-height:42px;border:1px solid #003b2d;border-radius:7px;background:#002f24;box-shadow:0 3px 8px #00231b29;font-size:14px}body.notes-view-active .notes-stats-card{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 26px}body.notes-view-active .notes-stats-card .notes-stat-item{position:relative;display:flex;min-height:124px;align-items:flex-start;justify-content:space-between;padding:17px;overflow:hidden;border:1px solid #d7e1dc;border-radius:14px;background:#fff;box-shadow:0 2px 6px #142a230a}body.notes-view-active .notes-stats-card .notes-stat-item>div{display:grid;min-height:90px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}body.notes-view-active .notes-stat-item>div>span{color:#30473e;font-size:12px;font-weight:650;letter-spacing:0;text-transform:none}body.notes-view-active .notes-stat-item strong{align-self:end;margin:0;color:#10231e;font-size:clamp(26px,2.2vw,32px);font-weight:800;letter-spacing:-.045em;line-height:1}body.notes-view-active .notes-stat-item small{margin-top:6px;color:#687a72;font-size:11px;font-weight:600}body.notes-view-active .notes-stat-icon{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:6px;background:#d9eee4;color:#195a43}body.notes-view-active .notes-stat-icon svg{width:18px;height:18px}body.notes-view-active .notes-stat-total{background:#e6fbef}body.notes-view-active .notes-stat-pinned{border-color:#246d58;background:linear-gradient(135deg,#0f6c52,#286e52)}body.notes-view-active .notes-stat-pinned>div>span,body.notes-view-active .notes-stat-pinned strong,body.notes-view-active .notes-stat-pinned small{color:#fff}body.notes-view-active .notes-stat-pinned .notes-stat-icon{background:#ffffff29;color:#fff}body.notes-view-active .notes-stat-results{border-color:#4f9a93;background:#e8fbf8}body.notes-view-active .notes-stat-words{background:#eafaf0}body.notes-view-active .notes-stat-trash{border-color:#b77;background:#fff0f0}body.notes-view-active .notes-stat-trash .notes-stat-icon{background:#ffe0e0;color:#b64040}body.notes-view-active .notes-stat-trash small{color:#a33f3f}body.notes-view-active .notes-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 180px auto auto;align-items:center;gap:10px;margin:0 0 26px;padding:8px;border:1px solid #dde4e1;border-radius:12px;background:#fff;box-shadow:0 2px 7px #142a230b}body.notes-view-active .notes-search-box{order:4;min-height:40px;border:1px solid #cfd8d4;border-radius:9px;background:#f8faf9}body.notes-view-active .notes-search-box input{min-height:40px;font-size:14px}body.notes-view-active .notes-filter-field{order:2}body.notes-view-active .notes-filter-field>span{display:none}body.notes-view-active .notes-filter-field select{min-height:40px;border-radius:8px;font-size:13px}body.notes-view-active .notes-view-toggle{order:5;min-height:40px;padding:3px;border-radius:8px}body.notes-view-active .notes-columns-field{order:3;display:inline-flex;min-height:40px;align-items:center;gap:8px;padding:0 9px;border:1px solid #d5dfda;border-radius:8px;background:#fff;color:#52655d;font-size:12px;font-weight:700;white-space:nowrap}body.notes-view-active .notes-columns-field select{min-width:64px;height:30px;padding:0 22px 0 5px;border:0;background:transparent;color:#1c332b;font:inherit;outline:0;cursor:pointer}body.notes-view-active .notes-view-toggle-btn{min-width:36px;min-height:32px;padding:0 8px}body.notes-view-active .notes-view-toggle-btn span{display:none}body.notes-view-active .notes-trash-open-btn{order:4;min-height:40px;border-radius:8px;font-size:13px}body.notes-view-active .notes-list-shell{overflow:visible}body.notes-view-active .notes-list-head{display:none}body.notes-view-active .notes-list{grid-template-columns:repeat(var(--notes-grid-columns, 6),minmax(0,1fr));gap:18px}body.notes-view-active .note-card{min-height:244px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;padding:20px;border:1px solid #dbe2df;border-top:1px solid #dbe2df;border-radius:14px;background:#fff;box-shadow:0 2px 5px #142a230a}body.notes-view-active .note-card:hover{border-color:#a8c7b9;box-shadow:0 12px 24px #142a231a;transform:translateY(-2px)}body.notes-view-active .note-card.is-pinned{border-color:#6baea0;background:linear-gradient(180deg,#f2fcf7,#fff 54%)}body.notes-view-active .note-card-tags{min-height:20px;gap:6px}body.notes-view-active .note-card-tags span{min-height:20px;border:0;border-radius:999px;background:#e3efff;color:#3e5d89;padding:0 9px;font-size:10px;font-weight:750}body.notes-view-active .note-priority-high .note-card-tags span{background:#fff0dc;color:#945428}body.notes-view-active .note-priority-low .note-card-tags span{background:#efe6fb;color:#764397}body.notes-view-active .note-card.is-pinned .note-card-tags span{background:#daf4e5;color:#236a4d}body.notes-view-active .note-card-head{align-items:flex-start}body.notes-view-active .note-card-title h4{margin:0;color:#17211f;font-size:18px;font-weight:780;letter-spacing:-.025em;line-height:1.3}body.notes-view-active .note-card-actions{opacity:1}body.notes-view-active .note-menu-trigger{width:28px;height:28px;border:0;background:transparent;box-shadow:none}body.notes-view-active .note-card-content{color:#5d6965;font-size:13px!important;font-weight:500;line-height:1.55;-webkit-line-clamp:3}body.notes-view-active .note-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid #edf0ef;color:#667670;font-size:11px;font-weight:600}body.notes-view-active .note-card-footer>span{display:inline-flex;min-width:0;align-items:center;gap:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.notes-view-active .note-card-footer svg{width:15px;height:15px;flex:0 0 auto}body.notes-view-active .note-card-footer strong{color:#214e3e;font-size:11px;font-weight:750}body.notes-view-active .notes-list.is-list-view{grid-template-columns:1fr}body.notes-view-active .notes-list.is-list-view .note-card{grid-template-columns:170px minmax(210px,.8fr) minmax(0,1.5fr) auto;grid-template-rows:1fr;min-height:110px;align-items:center;padding:16px 20px;border-left:1px solid #dbe2df}body.notes-view-active .notes-list.is-list-view .note-card-footer{padding:0;border:0}html.dark body.notes-view-active .app-shell .workspace{background:#0d1714}html.dark body.notes-view-active .notes-page-head h2{color:#eff8f4}html.dark body.notes-view-active .notes-page-head .account-page-eyebrow{color:#a3b8b0}html.dark body.notes-view-active .notes-toolbar,html.dark body.notes-view-active .note-card,html.dark body.notes-view-active .notes-stat-item{border-color:#2d423b;background:#13221e}html.dark body.notes-view-active .notes-stat-pinned{background:#195842}html.dark body.notes-view-active .note-card-title h4,html.dark body.notes-view-active .notes-stat-item strong{color:#eaf5f0}html.dark body.notes-view-active .note-card-content,html.dark body.notes-view-active .note-card-footer{color:#afc1ba}@media(max-width:1180px){body.notes-view-active .notes-stats-card{grid-template-columns:repeat(3,minmax(0,1fr))}body.notes-view-active .notes-toolbar{grid-template-columns:minmax(0,1fr) 160px auto auto}body.notes-view-active .notes-search-box{order:1;grid-column:1 / -1}body.notes-view-active .notes-view-toggle{order:4}body.notes-view-active .notes-list{grid-template-columns:repeat(var(--notes-grid-columns, 6),minmax(0,1fr))}}@media(max-width:720px){body.notes-view-active .notes-topbar-search{display:none}body.notes-view-active .notes-page-head{align-items:flex-start;gap:14px}body.notes-view-active .notes-page-head .primary-button{width:100%}body.notes-view-active .notes-stats-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}body.notes-view-active .notes-stats-card .notes-stat-item{min-height:108px;padding:13px}body.notes-view-active .notes-stat-item strong{font-size:26px}body.notes-view-active .notes-stat-item small{display:none}body.notes-view-active .notes-toolbar{grid-template-columns:1fr auto;margin-bottom:18px}body.notes-view-active .notes-search-box{grid-column:1 / -1}body.notes-view-active .notes-filter-field{order:2}body.notes-view-active .notes-columns-field{order:3}body.notes-view-active .notes-trash-open-btn{order:4}body.notes-view-active .notes-view-toggle{order:5}body.notes-view-active .notes-list{grid-template-columns:1fr;gap:12px}body.notes-view-active .note-card{min-height:210px;padding:16px}body.notes-view-active .notes-list.is-list-view .note-card{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:10px}}@media(max-width:440px){body.notes-view-active .notes-page-head h2{font-size:25px}body.notes-view-active .notes-page-head .account-page-eyebrow{font-size:13px}body.notes-view-active .notes-stats-card{grid-template-columns:1fr}body.notes-view-active .notes-stat-item small{display:block}body.notes-view-active .notes-toolbar{grid-template-columns:1fr}body.notes-view-active .notes-filter-field,body.notes-view-active .notes-columns-field,body.notes-view-active .notes-trash-open-btn,body.notes-view-active .notes-view-toggle{width:100%}body.notes-view-active .notes-view-toggle-btn{flex:1}}.record-editor-modal{width:min(800px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;overflow:hidden;border:1px solid #bec9c2;border-radius:12px;background:#fff;box-shadow:0 10px 25px #0000000d}.record-editor-modal::backdrop{background:#0b1c3066;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.record-editor-modal .record-editor-shell{display:grid;grid-template-areas:"hero" "meta" "body" "actions";grid-template-rows:auto auto minmax(0,1fr) auto;gap:0;height:auto;max-height:calc(100dvh - 32px);margin:0;padding:0;overflow:hidden;border:0;border-radius:12px;background:#fff}.record-editor-hero{grid-area:hero;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid #bec9c2;background:#fff}.record-editor-heading{display:flex;min-width:0;align-items:center;gap:16px}.record-editor-heading-icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border:0;border-radius:8px;background:#eff4ff;color:#004532;box-shadow:none}.record-editor-heading-icon svg{width:28px;height:28px}.record-editor-heading>div{min-width:0}.record-editor-eyebrow{display:block;margin-bottom:4px;color:#004532;font-size:13px;font-weight:700;letter-spacing:.05em;line-height:16px;text-transform:uppercase}.record-editor-heading h2{margin:0;color:#0b1c30;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:32px}.record-editor-heading p{margin:0;color:#3f4944;font-size:15px;font-weight:400;line-height:20px}.record-editor-close{width:40px;height:40px;min-height:40px;flex:0 0 auto;border-color:transparent;border-radius:999px;background:transparent;color:#3f4944;box-shadow:none}.record-editor-close:hover{border-color:transparent;background:#d3e4fe;color:#0b1c30;transform:none}.record-editor-modal .record-meta{grid-area:meta;display:flex;flex-wrap:wrap;gap:7px;padding:10px 24px;border-bottom:1px solid #e4ece9;border-radius:0;background:#f7faf9}.record-editor-modal .record-meta.hidden{display:none}.record-editor-modal .record-meta span{display:inline-flex;min-height:26px;align-items:center;padding:0 9px;border:1px solid #d9e5e1;border-radius:999px;background:#fff;color:#6d817a;font-size:12px;font-weight:500}.record-editor-body{grid-area:body;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;min-height:0;max-height:70dvh;padding:24px;overflow-y:auto;background:#fff;scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin}.record-editor-body::-webkit-scrollbar{width:6px}.record-editor-body::-webkit-scrollbar-track{background:#f1f5f9}.record-editor-body::-webkit-scrollbar-thumb{border-radius:999px;background:#cbd5e1}.record-editor-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.record-editor-body>.record-validation-error{grid-column:1 / -1;margin:0;border-color:#f0c4c8;border-radius:11px;background:#fff4f5;box-shadow:none}.record-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px 20px}.record-editor-field{display:grid;min-width:0;gap:8px;color:#3f4944}.record-editor-field.wide{grid-column:1 / -1}.record-editor-field.is-date{width:min(100%,448px);grid-column:1 / -1}.record-editor-field.is-status{width:100%;grid-column:1 / -1}.record-editor-field-head{display:flex;min-width:0;min-height:20px;align-items:center;gap:8px}.record-editor-field-head>svg{width:18px;height:18px;flex:0 0 auto;color:#3f4944}.record-editor-field-head>label{overflow:hidden;color:#3f4944;font-size:13px;font-weight:700;letter-spacing:.05em;line-height:16px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.record-editor-field-head>small{display:inline-flex;min-height:20px;align-items:center;margin-left:auto;padding:0 8px;border-radius:999px;background:#6cf8bb;color:#00714d;font-size:11px;font-weight:500;letter-spacing:0}.record-editor-field.is-required.is-sensitive .record-editor-field-head>small{background:#fff2d7;color:#92400e}.record-editor-field-badge.is-security{background:#e0e7ff;color:#3730a3}.record-editor-control{position:relative;display:flex;min-width:0;align-items:center}.record-editor-control>svg{position:absolute;top:50%;left:13px;z-index:1;width:20px;height:20px;color:#6f7973;pointer-events:none;transform:translateY(-50%)}.record-editor-control.is-textarea>svg{top:14px;transform:none}.record-editor-control input,.record-editor-control select,.record-editor-control textarea{width:100%;min-height:44px;border:1px solid #bec9c2;border-radius:8px;background:#fff;color:#0b1c30;font-size:15px;font-weight:400;line-height:20px;box-shadow:none}.record-editor-control input,.record-editor-control select{padding:0 13px 0 40px}.record-editor-control textarea{min-height:92px;padding:12px 13px 12px 40px;line-height:20px}.record-editor-field.is-two-factor .record-editor-control textarea{min-height:44px;height:44px;overflow:hidden;resize:none}.record-editor-control.has-trailing-action input,.record-editor-control.has-trailing-action textarea{padding-right:46px}.record-editor-field.is-subscription-term{width:min(100%,448px);grid-column:1 / -1}.record-editor-control.has-term-suffix input{padding-right:74px}.record-editor-term-suffix{position:absolute;top:50%;right:13px;color:#4c655d;font-size:13px;font-weight:750;pointer-events:none;transform:translateY(-50%)}.record-editor-control input:focus,.record-editor-control select:focus,.record-editor-control textarea:focus{border-color:#006c49;outline:none;box-shadow:0 0 0 2px #006c4933}.record-editor-control input::placeholder,.record-editor-control textarea::placeholder{color:#6f7973;font-weight:400}.record-editor-reveal-btn{position:absolute;top:50%;right:7px;z-index:2;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:9px;background:transparent;color:#668078;cursor:pointer;transform:translateY(-50%)}.record-editor-reveal-btn:hover{background:#d3e4fe;color:#0b1c30}.record-editor-reveal-btn svg{width:17px;height:17px}.record-editor-control textarea.is-concealed{-webkit-text-security:disc}.record-editor-control.is-textarea .record-editor-reveal-btn{top:12px;transform:none}.record-editor-field.is-two-factor .record-editor-control.is-textarea .record-editor-reveal-btn{top:5px}.record-editor-field.checkbox-field{min-height:auto;justify-content:initial}.record-editor-field.checkbox-field .record-editor-control{min-height:44px;justify-content:flex-end;padding:0 13px 0 40px;border:1px solid #bec9c2;border-radius:8px;background:#fff}.record-editor-field.is-invalid .record-editor-field-head>label{color:#b91c1c}.record-editor-field.is-invalid input,.record-editor-field.is-invalid textarea,.record-editor-field.is-invalid select{border-color:#dc5a63;box-shadow:0 0 0 4px #dc26261a}.record-editor-appearance{position:static;display:grid;grid-template-columns:minmax(210px,1fr) repeat(2,minmax(0,180px));align-items:center;gap:20px;padding:16px;border:1px solid #bec9c2;border-radius:12px;background:#eff4ff;box-shadow:none}.record-editor-appearance-heading{display:flex;align-items:center;gap:16px}.record-editor-appearance-heading>span{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid #bec9c2;border-radius:8px;background:#fff;color:#006c49}.record-editor-appearance-heading svg{width:20px;height:20px}.record-editor-appearance-heading>div{display:grid;min-width:0;gap:3px}.record-editor-appearance-heading strong{color:#0b1c30;font-size:16px;font-weight:600;line-height:24px}.record-editor-appearance-heading small{color:#3f4944;font-size:12px;font-weight:500;line-height:16px}.record-editor-color-field{gap:6px}.record-editor-color-field>span{color:#3f4944;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.record-editor-color-field select{min-height:40px;border-color:#bec9c2;border-radius:8px;background:#fff;font-size:15px;font-weight:400}.record-editor-color-preview{align-self:end;display:flex;min-height:40px;align-items:center;gap:9px;padding:0 16px;border:1px solid #d7e2de;border:1px solid color-mix(in srgb,var(--record-editor-color, #cbd5e1) 38%,#d7e2de);border-radius:8px;background:#ecfdf5;background:color-mix(in srgb,var(--record-editor-color, #cbd5e1) 10%,#ffffff);color:#0b1c30;font-size:16px;font-weight:600}.record-editor-color-preview i{width:10px;height:10px;border-radius:50%;background:var(--record-editor-color, #cbd5e1);box-shadow:0 0 0 4px color-mix(in srgb,var(--record-editor-color, #cbd5e1) 16%,transparent)}.record-editor-actions{grid-area:actions;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:12px;padding:24px 24px calc(24px + var(--safe-area-bottom));border-top:1px solid #bec9c2;background:#fff}.record-editor-actions>*{width:auto;min-width:116px;min-height:44px;padding-inline:24px;border-radius:8px;font-size:16px;font-weight:600;line-height:24px;justify-content:center}.record-editor-actions .primary-button{border-color:#006c49;background:#006c49;box-shadow:0 1px 2px #00000014}.record-editor-actions .primary-button:hover{border-color:#004532;background:#004532}.record-editor-actions .ghost-button{min-width:0;border-color:transparent;background:transparent;color:#3f4944;box-shadow:none}.record-editor-actions .ghost-button:hover{border-color:transparent;background:#d3e4fe;color:#0b1c30;box-shadow:none;transform:none}html.dark .record-editor-modal,html.dark .record-editor-modal .record-editor-shell{border-color:#30433e;background:#111d1b}html.dark .record-editor-hero{border-color:#2a3d38;background:#111d1b}html.dark .record-editor-heading h2,html.dark .record-editor-appearance-heading strong{color:#edf6f3}html.dark .record-editor-heading p,html.dark .record-editor-field-head>label,html.dark .record-editor-appearance-heading small{color:#98aaa4}html.dark .record-editor-eyebrow,html.dark .record-editor-field-head>svg,html.dark .record-editor-color-field>span{color:#8bd6b6}html.dark .record-editor-heading-icon,html.dark .record-editor-appearance-heading>span{border-color:#31453f;background:#182824;color:#8bd6b6}html.dark .record-editor-modal .record-meta,html.dark .record-editor-body{border-color:#293b36;background:#0f1917}html.dark .record-editor-modal .record-meta span,html.dark .record-editor-appearance,html.dark .record-editor-actions,html.dark .record-editor-control input,html.dark .record-editor-control select,html.dark .record-editor-control textarea,html.dark .record-editor-field.checkbox-field .record-editor-control{border-color:#2c403a;background:#14211f;color:#dce9e5}html.dark .record-editor-term-suffix{color:#aec3bc}html.dark .record-editor-color-field select,html.dark .record-editor-close{border-color:#31453f;background:#182824;color:#c5d7d1}html.dark .record-editor-color-preview{border-color:#365047;background:#182824;color:#edf6f3}html.dark .record-editor-actions .ghost-button{color:#c5d7d1}html.dark .record-editor-actions .ghost-button:hover{background:#263b35;color:#fff}@media(max-width:767px){.record-editor-modal{width:min(calc(100vw - 32px),800px);max-height:calc(100dvh - 32px);border-radius:12px}.record-editor-modal .record-editor-shell{height:auto;max-height:calc(100dvh - 32px);border-radius:12px}.record-editor-hero{padding:20px}.record-editor-heading-icon{width:44px;height:44px;border-radius:8px}.record-editor-heading h2{font-size:20px;line-height:28px}.record-editor-modal .record-meta{padding:10px 20px}.record-editor-body{grid-template-columns:1fr;gap:20px;padding:20px}.record-editor-fields{grid-template-columns:1fr}.record-editor-control input,.record-editor-control select,.record-editor-control textarea,.record-editor-color-field select{font-size:16px}.record-editor-field.wide{grid-column:auto}.record-editor-field.is-date,.record-editor-field.is-status{width:100%;grid-column:auto}.record-editor-appearance{position:static;grid-template-columns:1fr;align-items:stretch;gap:16px;padding:16px}.record-editor-appearance-heading{grid-column:auto}.record-editor-actions{flex-direction:row;padding:16px 20px calc(16px + var(--safe-area-bottom))}.record-editor-actions>*{width:auto;min-width:0;min-height:44px;padding-inline:16px;white-space:nowrap}.record-editor-actions .ghost-button{flex:0 0 96px}.record-editor-actions .primary-button{flex:1 1 auto}}@media(max-width:440px){.record-editor-heading{gap:10px}.record-editor-heading p{display:block;font-size:12px;line-height:16px}.record-editor-heading-icon{width:40px;height:40px}.record-editor-appearance{grid-template-columns:1fr}.record-editor-appearance-heading{grid-column:auto}}@media(max-width:650px){.record-detail-modal,.record-detail-modal .record-detail-shell{width:min(680px,calc(100vw - 32px));max-height:min(90dvh,820px);border-color:#e5e9e8;border-radius:16px;background:#f8f9ff}.record-detail-hero{align-items:center;margin:0;padding:12px 20px;border:0;border-bottom:1px solid rgba(188,202,192,.3);border-radius:0;background:#f8f9ff;box-shadow:none}.record-detail-identity{gap:10px}.record-detail-avatar{width:40px;height:40px;border:2px solid #00855d;border-radius:50%;background:#dce9ff;box-shadow:none}.record-detail-avatar svg{width:19px;height:19px}.record-detail-avatar:after,.record-detail-account-line,.record-detail-profile-badge{display:none}.record-detail-identity h2{max-width:calc(100vw - 176px);color:#0b1c30;font-size:20px;font-weight:600;letter-spacing:-.01em}.record-detail-hero-actions{flex-direction:row;align-items:center;gap:6px}.record-detail-hero .record-detail-toolbar .tool-button,.record-detail-close{width:32px;min-width:32px;height:32px;min-height:32px;border-color:transparent;border-radius:999px;background:transparent;color:#545f73}.record-detail-summary{grid-template-columns:1fr;gap:0;padding:16px;border:1px solid rgba(188,202,192,.25);border-radius:12px;background:#fff;box-shadow:0 2px 4px -1px #0000000d,0 1px 2px -1px #0000000d}.record-detail-remaining{min-height:32px;padding:0 11px;border:1px solid rgba(0,133,93,.26);border-radius:999px;background:#00855d14;color:#006948;font-size:14px;font-weight:500}.record-detail-summary>.record-detail-meta{display:grid;grid-template-columns:1fr;grid-column:auto;gap:0;padding:8px 18px;border:0;border-radius:0;background:transparent;box-shadow:none}.record-detail-meta-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:34px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.record-detail-meta-item>.record-detail-meta-icon{display:block;width:18px;height:18px;padding:0;border:0;border-radius:0;background:transparent;color:#6d7a72}.record-detail-meta-item>.record-detail-meta-icon svg{display:block;width:18px;height:18px}.record-detail-meta-item>div{display:contents}.record-detail-meta-item>div{gap:2px}.record-detail-meta-item strong{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:500;letter-spacing:.02em}.record-detail-meta-item>span:not(.record-detail-meta-icon){color:#6d7a72;font-size:12px;letter-spacing:.05em}.record-detail-grid{margin:0 16px;border-color:#bccac040;border-radius:12px;background:#fff;box-shadow:0 2px 4px -1px #0000000d,0 1px 2px -1px #0000000d}.record-detail-section-heading{padding:12px 16px;border-color:#bccac040;background:#eff4ff;color:#0b1c30;font-size:18px;font-weight:600}.record-detail-field,.record-detail-field-wide{grid-template-columns:1fr;min-height:0;align-items:stretch;gap:6px;padding:14px 16px;border-color:#bccac040}.record-detail-field-head{align-self:auto;gap:12px}.record-detail-field-head>.record-detail-field-icon{width:32px;height:32px;border-radius:7px}.record-detail-field-head>.record-detail-field-label{color:#6d7a72;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.record-detail-field .record-detail-value-wrap{min-height:24px;align-items:center;gap:10px;padding-left:44px}.record-detail-field .record-detail-value-text{color:#0b1c30;font-size:16px;font-weight:600;line-height:1.4}.record-detail-field.is-sensitive:not(.is-two-factor) .record-detail-value-wrap{padding:0 0 0 44px;border:0;background:transparent}.record-detail-field.is-sensitive:not(.is-two-factor) .record-detail-value-text{width:fit-content;padding:4px 8px;border-radius:6px;background:#e5eeff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;font-weight:500}.record-detail-field.is-two-factor .record-detail-value-wrap{margin-top:2px;padding:10px 12px;border:1px solid rgba(0,133,93,.16);border-radius:7px;background:#00855d0d}.record-detail-field.is-two-factor .record-detail-value-text{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:500;letter-spacing:.01em;word-break:break-all}.record-detail-field .record-detail-copy-btn{width:30px;height:30px;min-height:30px;color:#00855d}.record-detail-actions{min-height:68px;margin-top:16px;padding:12px 20px calc(12px + var(--safe-area-bottom));border-top:1px solid rgba(188,202,192,.3);background:#f8f9ff}.record-detail-actions>*{width:auto;min-width:0;min-height:40px;flex:0 0 auto;padding-inline:16px;border-radius:7px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.record-detail-actions .primary-button{min-width:0;max-width:none;padding-inline:20px;background:#006948}.record-detail-actions .ghost-button{max-width:none;border-color:#bccac0;background:transparent;color:#545f73}.record-detail-actions svg{width:14px;height:14px}}@media(max-width:390px){.record-detail-identity h2{font-size:17px}.record-detail-field,.record-detail-field-wide{padding-inline:14px}.record-detail-field-head>.record-detail-field-label{font-size:11px}}@media(max-width:650px){.record-detail-modal{width:min(430px,calc(100vw - 32px));max-width:430px;max-height:min(92dvh,840px);border:1px solid #e5e7eb;border-radius:22px;background:#fff;box-shadow:0 28px 72px #0f172a38}.record-detail-modal::backdrop{background:#0f172a85;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.record-detail-modal .record-detail-shell{grid-template-rows:auto auto minmax(0,1fr) auto;max-height:min(92dvh,840px);border-radius:21px;background:#f7faf9}.record-detail-hero{align-items:center;gap:12px;padding:16px;border-bottom:1px solid #e5e7eb;background:#fff}.record-detail-identity{gap:12px}.record-detail-avatar{width:48px;height:48px;border:1px solid #cce9dd;border-radius:50%;background:#ecf8f3;color:#079669;box-shadow:none}.record-detail-avatar:after{display:none}.record-detail-avatar svg{width:24px;height:24px}.record-detail-title-row{gap:0}.record-detail-identity h2{max-width:calc(100vw - 188px);color:#111827;font-family:Inter,SF Pro Display,SF Pro Text,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:23px;font-weight:700;letter-spacing:-.03em;line-height:1.18}.record-detail-profile-badge,.record-detail-account-line{display:none}.record-detail-hero-actions{align-items:center;gap:8px}.record-detail-hero .record-detail-toolbar{display:block;padding:0;border:0;background:transparent}.record-detail-hero .record-detail-toolbar .tool-button,.record-detail-close{display:grid;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;place-items:center;border:1px solid #cce9dd;border-radius:12px;background:#fff;color:#079669;box-shadow:none}.record-detail-close{border-color:#e5e7eb;color:#667085}.record-detail-hero .record-detail-toolbar .tool-button span{display:none}.record-detail-hero .record-detail-toolbar .tool-button svg,.record-detail-close svg{width:20px;height:20px}.record-detail-summary{display:grid;grid-template-columns:1fr;gap:14px;padding:16px;border:0;background:#f7faf9}.record-detail-status-block{display:grid;grid-template-columns:44px minmax(0,1fr) auto;min-height:100px;gap:12px;align-items:center;padding:16px;border:1px solid #cce9dd;border-radius:18px;background:linear-gradient(135deg,#ecf8f3,#fff 76%);box-shadow:0 1px 2px #0f172a0a}.record-detail-status-icon{display:grid;width:44px;height:44px;place-items:center;border:1px solid #cce9dd;border-radius:12px;background:#fff;color:#079669}.record-detail-status-icon svg{width:21px;height:21px}.record-detail-status-block>div{display:grid;min-width:0;gap:4px}.record-detail-status-block>div>span{color:#667085;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.record-detail-status-block strong{overflow:hidden;color:#057a57;font-size:18px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.record-detail-status-block strong:before{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:#10b981;content:"";vertical-align:1px}.record-detail-remaining{display:inline-flex;min-height:34px;align-items:center;padding:0 11px;border:1px solid #cce9dd;border-radius:999px;background:#fff;color:#057a57;font-size:13px;font-weight:700;white-space:nowrap}.record-detail-remaining.is-expired{border-color:#f3c7cc;background:#fff5f5;color:#b42318}.record-detail-summary>.record-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0}.record-detail-meta-item{display:grid;grid-template-columns:24px minmax(0,1fr);align-content:start;min-height:108px;gap:9px;padding:16px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 1px 2px #0f172a08}.record-detail-meta-icon{display:grid;width:24px;height:24px;place-items:center;border:0;border-radius:0;background:transparent;color:#079669}.record-detail-meta-icon svg{width:20px;height:20px}.record-detail-meta-item>div{display:grid;min-width:0;gap:5px}.record-detail-meta-item span{color:#667085;font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1.2;text-transform:uppercase}.record-detail-meta-item strong{overflow-wrap:anywhere;color:#111827;font-family:Inter,SF Pro Display,SF Pro Text,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:700;letter-spacing:0;line-height:1.4;white-space:normal}.record-detail-grid{display:block;min-height:0;margin:0 16px;padding:0;overflow-y:auto;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 1px 2px #0f172a08;scrollbar-color:#cce9dd transparent;scrollbar-width:thin}.record-detail-section-heading{position:static;display:flex;align-items:center;gap:10px;margin:0;padding:16px;border-bottom:1px solid #e5e7eb;background:#fff;color:#111827;font-size:18px;font-weight:700}.record-detail-section-heading>svg{width:21px;height:21px;color:#079669}.record-detail-field,.record-detail-field-wide{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;min-width:0;min-height:0;column-gap:12px;row-gap:3px;padding:16px;border:0;border-bottom:1px solid #eef1f0;border-radius:0;background:#fff;box-shadow:none}.record-detail-field:last-child,.record-detail-field-wide:last-child{border-bottom:0}.record-detail-field:hover,.record-detail-field-wide:hover{border-color:#eef1f0;background:#fcfefd;box-shadow:none}.record-detail-field-head{display:contents}.record-detail-field-head>.record-detail-field-icon{grid-column:1;grid-row:1 / span 2;width:44px;height:44px;align-self:center;border:1px solid #cce9dd;border-radius:12px;background:#ecf8f3;color:#079669}.record-detail-field-head>.record-detail-field-icon svg{width:20px;height:20px}.record-detail-field-head>.record-detail-field-label{grid-column:2;grid-row:1;overflow:visible;align-self:end;color:#667085;font-size:12px;font-weight:700;letter-spacing:.05em;line-height:1.2;text-overflow:clip;text-transform:uppercase;white-space:normal}.record-detail-field-head small{display:none}.record-detail-field .record-detail-value-wrap{display:flex;grid-column:2;grid-row:2;min-width:0;min-height:28px;align-items:center;gap:8px;padding:0;border:0;border-radius:0;background:transparent}.record-detail-field .record-detail-value-text{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;color:#111827;font-size:15px;font-weight:600;line-height:1.5}.record-detail-field.is-sensitive .record-detail-field-icon{border-color:#f5dfb3;background:#fff8e8;color:#b77900}.record-detail-field-wide:not(.is-sensitive) .record-detail-field-icon{border-color:#d8e8f8;background:#eef6ff;color:#2878c8}.record-detail-field.is-sensitive .record-detail-value-wrap,.record-detail-field-wide .record-detail-value-wrap{padding:0;border:0;background:transparent}.record-detail-field.is-two-factor .record-detail-value-wrap{padding:9px 10px;border:1px solid #cce9dd;border-radius:9px;background:#f4fcf8}.record-detail-field.is-two-factor .record-detail-value-text{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:600;letter-spacing:.01em;word-break:break-word}.record-detail-field .record-detail-value-text.is-subscription-term{display:inline-flex;width:fit-content;min-height:30px;flex:0 0 auto;align-items:center;padding:2px 10px;border:1px solid #cce9dd;border-radius:999px;background:#ecf8f3;color:#057a57;font-size:13px;font-weight:700}.record-detail-field .record-detail-copy-wrap{display:flex;flex:0 0 auto;align-items:center}.record-detail-field .record-detail-copy-btn{width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:#079669}.record-detail-field .record-detail-copy-btn:hover:not(:disabled){background:#ecf8f3}.record-detail-field .record-detail-copy-btn svg{width:19px;height:19px}.record-detail-actions{display:grid;grid-template-columns:.9fr 1.3fr;gap:12px;min-height:72px;margin-top:16px;padding:12px 16px calc(12px + var(--safe-area-bottom));border-top:1px solid #e5e7eb;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.record-detail-actions>*{width:100%;min-width:0;min-height:48px;padding:0 12px;border-radius:12px;font-size:15px;font-weight:700;letter-spacing:0;text-transform:none}.record-detail-actions .ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-color:#d0d5dd;background:#fff;color:#344054}.record-detail-actions .primary-button{min-width:0;background:#079669;box-shadow:0 8px 18px #07966933}.record-detail-actions .primary-button:hover{background:#057a57}.record-detail-actions svg{width:19px;height:19px}.record-detail-modal button:focus-visible{outline:3px solid rgb(16 185 129 / .25);outline-offset:2px}html.dark .record-detail-modal,html.dark .record-detail-modal .record-detail-shell,html.dark .record-detail-hero,html.dark .record-detail-status-block,html.dark .record-detail-meta-item,html.dark .record-detail-grid,html.dark .record-detail-section-heading,html.dark .record-detail-field,html.dark .record-detail-field-wide,html.dark .record-detail-actions{border-color:#2b3e39;background:#14211f}html.dark .record-detail-identity h2,html.dark .record-detail-meta-item strong,html.dark .record-detail-section-heading,html.dark .record-detail-field .record-detail-value-text{color:#e7f1ee}html.dark .record-detail-field:hover,html.dark .record-detail-field-wide:hover{background:#182824}@media(max-width:390px){.record-detail-modal{width:min(430px,calc(100vw - 20px))}.record-detail-hero,.record-detail-summary,.record-detail-grid{margin-inline:10px}.record-detail-hero{margin:0;padding:14px}.record-detail-summary{margin:0;padding:12px}.record-detail-grid{margin-inline:12px}.record-detail-status-block{grid-template-columns:40px minmax(0,1fr);padding:14px}.record-detail-status-icon{width:40px;height:40px}.record-detail-remaining{grid-column:2;justify-self:start}.record-detail-meta-item{min-height:102px;padding:13px}.record-detail-field,.record-detail-field-wide{grid-template-columns:40px minmax(0,1fr);padding:14px}.record-detail-field-head>.record-detail-field-icon{width:40px;height:40px}.record-detail-identity h2{max-width:calc(100vw - 174px);font-size:20px}.record-detail-actions{gap:8px;padding-inline:12px}.record-detail-actions>*{min-height:44px;padding-inline:8px;font-size:14px}}}:root{--pro-canvas: #f5f7f6;--pro-surface: #ffffff;--pro-surface-subtle: #f8faf9;--pro-surface-muted: #eef3f1;--pro-text: #13231f;--pro-text-soft: #3f554e;--pro-muted: #71827c;--pro-line: #dbe4e0;--pro-line-strong: #c9d6d1;--pro-brand: #08785a;--pro-brand-strong: #056348;--pro-brand-soft: #e8f5f0;--pro-sidebar: #062d24;--pro-sidebar-active: #12483b;--pro-danger: #c2414b;--pro-warning: #b36a00;--pro-radius-sm: 8px;--pro-radius: 12px;--pro-radius-lg: 16px;--pro-shadow-sm: 0 1px 2px rgba(16, 37, 31, .04);--pro-shadow: 0 8px 24px rgba(16, 37, 31, .07);--pro-shadow-float: 0 20px 48px rgba(16, 37, 31, .15)}body.account-view-active #settingsPanelSync{color:var(--pro-text)}body.account-view-active .settings-sync-intro{max-width:760px;margin-bottom:20px}body.account-view-active .settings-sync-intro>span,body.account-view-active .settings-section-kicker,body.account-view-active .settings-notice-eyebrow{display:block;margin-bottom:6px;color:var(--pro-brand);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}body.account-view-active .settings-sync-intro h3{margin:0;color:var(--pro-text);font-size:clamp(22px,2vw,28px);font-weight:850;letter-spacing:-.035em}body.account-view-active .settings-sync-intro p{margin:8px 0 0;color:var(--pro-muted);font-size:14px;line-height:1.55}body.account-view-active #settingsPanelSync .settings-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(280px,.9fr);gap:14px}body.account-view-active #settingsPanelSync .settings-stat-card,body.account-view-active #settingsPanelSync .settings-notice-card{min-width:0;min-height:210px;padding:22px;border:1px solid var(--pro-line);border-radius:14px;box-shadow:var(--pro-shadow-sm)}body.account-view-active #settingsPanelSync .settings-stat-head{color:var(--pro-muted);font-size:11px;letter-spacing:.1em}body.account-view-active #settingsPanelSync .settings-stat-icon{width:42px;height:42px;border-radius:11px;background:var(--pro-brand-soft);color:var(--pro-brand)}body.account-view-active #settingsPanelSync .settings-stat-icon svg{width:20px;height:20px}body.account-view-active #settingsPanelSync .settings-stat-card h3{margin:24px 0 18px;color:var(--pro-text);font-size:22px;line-height:1.18;letter-spacing:-.025em}body.account-view-active #settingsPanelSync .settings-stat-card h3 strong{color:var(--pro-brand);font-size:34px}body.account-view-active #settingsPanelSync .settings-stat-sep{margin-bottom:14px;background:var(--pro-line)}body.account-view-active #settingsPanelSync .settings-status-danger,body.account-view-active #settingsPanelSync .settings-status-ok,body.account-view-active #settingsPanelSync .settings-status-pending,body.account-view-active #settingsPanelSync .settings-updated-at{margin:0;font-size:13px;font-weight:750;line-height:1.45}body.account-view-active #settingsPanelSync .settings-status-pending{color:#9a6500}body.account-view-active #settingsPanelSync .settings-updated-at+.settings-updated-at{margin-top:4px;color:var(--pro-muted);font-weight:650}body.account-view-active #settingsPanelSync .settings-notice-card{background:linear-gradient(145deg,#074b3d,#06372e);color:#fff}body.account-view-active #settingsPanelSync .settings-notice-eyebrow{color:#8de1bf}body.account-view-active #settingsPanelSync .settings-notice-card h4{margin:0 0 18px;color:#fff;font-size:22px;line-height:1.15;letter-spacing:-.025em}body.account-view-active #settingsPanelSync .settings-notice-list{display:grid;gap:10px}body.account-view-active #settingsPanelSync .settings-notice-list p{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0;padding-top:10px;border-top:1px solid rgba(255,255,255,.13);font-size:12px}body.account-view-active #settingsPanelSync .settings-notice-list span{color:#a8c9bd;font-weight:650}body.account-view-active #settingsPanelSync .settings-notice-list strong{color:#f1fff9;font-weight:750;text-align:right}body.account-view-active #settingsPanelSync .settings-advanced-card{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);align-items:center;gap:26px;padding:22px;border:1px solid var(--pro-line);background:var(--pro-surface-subtle);box-shadow:none}body.account-view-active #settingsPanelSync .settings-advanced-card h4{margin:0 0 7px;font-size:19px}body.account-view-active #settingsPanelSync .settings-advanced-card p{font-size:13px}body.account-view-active #settingsPanelSync .settings-sync-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.account-view-active #settingsPanelSync .settings-sync-actions .ghost-button{min-width:0;min-height:46px;display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;padding:0 14px;border:1px solid var(--pro-line-strong);border-radius:9px;background:var(--pro-surface);color:var(--pro-text-soft);font-size:13px;font-weight:750;letter-spacing:0}body.account-view-active #settingsPanelSync .settings-sync-actions .ghost-button:hover:not(:disabled){border-color:var(--pro-brand);background:var(--pro-brand-soft);color:var(--pro-brand-strong)}body.account-view-active #settingsPanelSync .settings-sync-actions svg{width:17px;height:17px;flex:0 0 auto}body.account-view-active #settingsPanelSync .settings-hero-card{min-height:0;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:center;gap:26px;padding:24px;border:1px solid #cfe4db;background:linear-gradient(135deg,#eff8f4,#f9fcfb);color:var(--pro-text);box-shadow:none}body.account-view-active #settingsPanelSync .settings-hero-card h4{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.025em}body.account-view-active #settingsPanelSync .settings-hero-card p{margin-top:8px;font-size:13px}body.account-view-active #settingsPanelSync .settings-assurance-list{display:grid;gap:9px}body.account-view-active #settingsPanelSync .settings-assurance-list>div{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:11px;padding:10px 12px;border:1px solid rgba(8,120,90,.14);border-radius:10px;background:#fffc}body.account-view-active #settingsPanelSync .settings-assurance-list svg{width:18px;height:18px;padding:8px;box-sizing:content-box;border-radius:9px;background:var(--pro-brand-soft);color:var(--pro-brand)}body.account-view-active #settingsPanelSync .settings-assurance-list span{min-width:0;display:grid;gap:2px}body.account-view-active #settingsPanelSync .settings-assurance-list strong{color:var(--pro-text);font-size:13px;font-weight:800}body.account-view-active #settingsPanelSync .settings-assurance-list small{overflow:hidden;color:var(--pro-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}html.dark body.account-view-active #settingsPanelSync .settings-stat-card,html.dark body.account-view-active #settingsPanelSync .settings-advanced-card,html.dark body.account-view-active #settingsPanelSync .settings-hero-card{border-color:#2d423b;background:#13221e}html.dark body.account-view-active #settingsPanelSync .settings-assurance-list>div{border-color:#315448;background:#10201b}html.dark body.account-view-active #settingsPanelSync .settings-sync-intro h3,html.dark body.account-view-active #settingsPanelSync .settings-stat-card h3,html.dark body.account-view-active #settingsPanelSync .settings-hero-card h4,html.dark body.account-view-active #settingsPanelSync .settings-assurance-list strong{color:#edf8f3}html.dark body.account-view-active #settingsPanelSync .settings-sync-actions .ghost-button{border-color:#40554e;background:#10201b;color:#d8e8e1}@media(max-width:1080px){body.account-view-active #settingsPanelSync .settings-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.account-view-active #settingsPanelSync .settings-notice-card{grid-column:1 / -1;min-height:0}}@media(max-width:760px){body.account-view-active #settingsPanelSync .settings-overview-grid,body.account-view-active #settingsPanelSync .settings-advanced-card,body.account-view-active #settingsPanelSync .settings-hero-card{grid-template-columns:1fr}body.account-view-active #settingsPanelSync .settings-notice-card{grid-column:auto}}@media(max-width:480px){body.account-view-active #settingsPanelSync .settings-sync-actions{grid-template-columns:1fr}body.account-view-active #settingsPanelSync .settings-stat-card,body.account-view-active #settingsPanelSync .settings-notice-card,body.account-view-active #settingsPanelSync .settings-advanced-card,body.account-view-active #settingsPanelSync .settings-hero-card{padding:17px}body.account-view-active #settingsPanelSync .settings-assurance-list small{white-space:normal}}.vault-gate{min-height:100dvh;display:grid;place-items:center;position:relative;overflow:hidden;padding:92px 24px 48px;background:radial-gradient(circle at 50% 30%,rgba(9,139,104,.42),transparent 34rem),radial-gradient(circle at 18% 42%,rgba(15,151,115,.18),transparent 24rem),linear-gradient(145deg,#032e26,#064b3d 48%,#02382f)}.vault-decoration{position:absolute;pointer-events:none;opacity:.55}.vault-decoration-left,.vault-decoration-bottom{width:150px;height:150px;background-image:radial-gradient(circle,rgba(52,211,153,.75) 1.4px,transparent 1.6px);background-size:15px 15px;-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 72%);mask-image:radial-gradient(circle,#000 20%,transparent 72%)}.vault-decoration-left{top:26%;left:5%}.vault-decoration-bottom{right:4%;bottom:10%}.vault-decoration-top{top:7%;right:10%;width:108px;height:108px;border:3px dotted rgba(52,211,153,.66);border-radius:50%}.vault-card{width:min(100%,680px);position:relative;z-index:1;padding:92px 66px 36px;border:1px solid rgba(219,228,224,.92);border-radius:30px;background:#fffffffb;box-shadow:0 32px 90px #00191357}.vault-icon{width:126px;height:126px;display:grid;place-items:center;position:absolute;top:-63px;left:50%;border:16px solid rgba(255,255,255,.96);border-radius:50%;background:radial-gradient(circle at 50% 32%,#fff,#e7f5f0 72%);color:var(--pro-brand);box-shadow:0 12px 30px #003d2e2e,inset 0 0 0 1px #d7ebe4;transform:translate(-50%)}.vault-icon>svg:first-child{width:54px;height:54px;stroke-width:1.8}.vault-icon .vault-icon-lock{width:21px;height:21px;position:absolute;top:48px;left:52px;padding:3px;border-radius:5px;background:var(--pro-brand);color:#fff;stroke-width:2.4}.vault-heading{text-align:center}.vault-heading>span{color:var(--pro-brand);font-size:14px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.vault-heading h1{margin:24px 0 12px;color:var(--pro-text);font-size:clamp(30px,5vw,42px);line-height:1.12;letter-spacing:-.045em}.vault-heading p,.vault-warning{color:var(--pro-muted);font-size:16px;line-height:1.6}.vault-heading p{max-width:470px;margin:0 auto}.vault-form{display:grid;gap:12px;margin-top:38px}.vault-form>label{margin-top:4px;color:var(--pro-text-soft);font-size:13px;font-weight:750}.vault-input-wrap{min-height:50px;display:grid;grid-template-columns:20px minmax(0,1fr) 40px;align-items:center;gap:10px;padding:0 6px 0 14px;border:1px solid var(--pro-line-strong);border-radius:var(--pro-radius-sm);background:var(--pro-surface)}.vault-input-wrap:focus-within{border-color:var(--pro-brand);box-shadow:0 0 0 3px #08785a1f}.vault-input-wrap>svg{width:18px;color:var(--pro-muted)}.vault-input-wrap input{width:100%;height:48px;min-width:0;border:0;outline:0;color:var(--pro-text);background:transparent}.vault-pin-fieldset{min-width:0;margin:0;padding:0;border:0}.vault-pin-fieldset legend{width:100%;margin-bottom:10px;color:var(--pro-text-soft);font-size:13px;font-weight:750;text-align:center}.vault-pin-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.vault-pin-cell{width:100%;aspect-ratio:.88;min-width:0;border:1px solid var(--pro-line-strong);border-radius:14px;outline:0;background:#fff;color:var(--pro-brand);font-size:24px;font-variant-numeric:tabular-nums;font-weight:850;text-align:center;caret-color:var(--pro-brand);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.vault-pin-cell:focus{border-color:var(--pro-brand);box-shadow:0 0 0 3px #08785a1f;transform:translateY(-1px)}.vault-pin-cell[aria-invalid=true]{border-color:var(--pro-danger)}.vault-field-help{margin:2px 0 8px;color:var(--pro-muted);font-size:14px;line-height:1.5;text-align:center}.vault-input-wrap button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:8px;color:var(--pro-muted);background:transparent}.vault-input-wrap button:hover{color:var(--pro-brand);background:var(--pro-brand-soft)}.vault-input-wrap button svg{width:18px}.vault-submit{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:10px;border:0;border-radius:12px;background:linear-gradient(100deg,#079168,#08785a);color:#fff;font-size:17px;font-weight:800;box-shadow:0 12px 24px #08785a2e}.vault-submit svg,.vault-retry svg,.vault-sign-out svg,.vault-warning svg{width:20px;height:20px;flex:0 0 auto}.vault-submit:hover:not(:disabled){background:var(--pro-brand-strong)}.vault-sign-out{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:var(--pro-radius-sm);background:transparent;color:var(--pro-text-soft);font-size:15px;font-weight:750}.vault-retry{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--pro-line-strong);border-radius:12px;background:var(--pro-surface);color:var(--pro-brand);font:inherit;font-weight:750;cursor:pointer}.vault-retry:hover{border-color:var(--pro-brand);color:var(--pro-brand-strong)}.vault-sign-out:hover{background:var(--pro-surface-muted);color:var(--pro-text)}.vault-error{margin:2px 0;padding:10px 12px;border-radius:8px;background:#fff2f3;color:var(--pro-danger);font-size:13px;font-weight:650;text-align:center}.vault-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:10px 0 4px;color:var(--pro-muted);font-size:12px;font-weight:700;text-transform:uppercase}.vault-divider:before,.vault-divider:after{height:1px;content:"";background:var(--pro-line)}.vault-warning{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0 0;padding-top:22px;border-top:1px solid var(--pro-line);font-size:13px;text-align:center}@media(max-width:560px){.vault-gate{align-items:start;padding:max(76px,calc(58px + env(safe-area-inset-top))) 12px max(24px,env(safe-area-inset-bottom))}.vault-card{padding:70px 20px 24px;border-radius:22px}.vault-icon{width:96px;height:96px;top:-48px;border-width:12px}.vault-icon>svg:first-child{width:42px;height:42px}.vault-icon .vault-icon-lock{width:18px;height:18px;top:37px;left:39px}.vault-heading>span{font-size:11px;letter-spacing:.12em}.vault-heading h1{margin-top:16px;font-size:28px}.vault-heading p{font-size:14px}.vault-form{margin-top:28px}.vault-pin-grid{gap:7px}.vault-pin-cell{border-radius:10px;font-size:20px}.vault-decoration-left,.vault-decoration-bottom{display:none}.vault-decoration-top{top:14px;right:-28px;width:78px;height:78px}}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}:where(button,a,summary,[role=button]){touch-action:manipulation;-webkit-tap-highlight-color:rgba(8,120,90,.12)}.skip-link{position:fixed;z-index:1000;top:10px;left:12px;padding:10px 14px;border-radius:8px;background:var(--pro-text);color:var(--pro-surface);font-size:13px;font-weight:750;text-decoration:none;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}.dth-login{min-height:100dvh;background:var(--pro-sidebar)}.dth-login-layout{width:min(1180px,calc(100% - 48px));min-height:100dvh;margin:0 auto;grid-template-columns:minmax(0,.9fr) minmax(420px,.72fr);gap:clamp(56px,8vw,120px);padding:48px 0}.dth-login-left,.dth-login-right{min-width:0}.dth-login-branding{max-width:520px}.dth-login-cube{background:var(--pro-brand)!important;box-shadow:none!important}.dth-login-logo p{letter-spacing:.08em;overflow-wrap:anywhere}.dth-login-features{gap:22px}.dth-login-features>div>span{border-color:#99d8c233;background:#ffffff0e}.dth-login-features b{font-size:19px}.dth-login-features p{max-width:390px;font-size:14px}.dth-login-card{overflow:visible;border:1px solid rgba(219,228,224,.95);border-radius:var(--pro-radius-lg);background:var(--pro-surface);box-shadow:0 28px 80px #00191347;-webkit-backdrop-filter:none;backdrop-filter:none}.dth-login-icon{width:72px;height:72px;margin-top:30px;background:var(--pro-brand-soft);box-shadow:none}.dth-login-card>h2{margin-top:16px;color:var(--pro-text);font-size:27px;font-weight:800;letter-spacing:-.03em}.dth-login-form{padding:22px 34px 30px}.dth-login-input-wrap{height:50px;border-color:var(--pro-line-strong);border-radius:var(--pro-radius-sm);background:var(--pro-surface);box-shadow:none}.dth-login-input-wrap:focus-within{border-color:var(--pro-brand);box-shadow:0 0 0 3px #08785a1f;transform:none}.dth-login-submit{height:50px;border-radius:var(--pro-radius-sm);background:var(--pro-brand);box-shadow:0 8px 20px #08785a2e;font-size:16px}.dth-login-submit:hover:not(:disabled){background:var(--pro-brand-strong)}.app-shell{--admin-bg: var(--pro-canvas);--admin-panel: var(--pro-surface);--admin-panel-soft: var(--pro-surface-subtle);--admin-border: var(--pro-line);--admin-text: var(--pro-text);--admin-muted: var(--pro-muted);--admin-brand: var(--pro-brand);--admin-brand-strong: var(--pro-brand-strong);--admin-brand-soft: var(--pro-brand-soft);--admin-sidebar: var(--pro-sidebar);--admin-sidebar-soft: var(--pro-sidebar-active);--admin-shadow: var(--pro-shadow-sm)}.app-shell .app-main-layout{background:var(--pro-canvas)}.app-shell .sidebar{width:232px;border-right:1px solid rgba(255,255,255,.07);background:var(--pro-sidebar);box-shadow:none;scrollbar-color:rgba(185,223,114,.28) transparent;scrollbar-width:thin}.app-shell .sidebar::-webkit-scrollbar{width:6px}.app-shell .sidebar::-webkit-scrollbar-thumb{border-radius:999px;background:#b9df7247}.app-shell .sidebar-header{min-height:68px;padding:12px 14px}.app-shell .sidebar-brand{width:100%;gap:10px;padding:6px;border:0;background:transparent;color:#f3faf7;text-align:left}.app-shell .sidebar-brand:hover{background:#ffffff0b}.app-shell .sidebar-logo{width:36px;height:36px;border:0;border-radius:10px;background:#b9df72;color:#123229;box-shadow:none}.app-shell .sidebar-brand-name{font-size:16px;font-weight:800}.app-shell .sidebar-nav{gap:4px;padding:16px 10px}.app-shell .sidebar-nav-item{min-height:42px;gap:10px;padding:0 12px;border:1px solid transparent;border-radius:9px;color:#ebf7f3b8;font-size:14px;font-weight:700}.app-shell .sidebar-nav-item:hover{border-color:#ffffff12;background:#ffffff0b}.app-shell .sidebar-nav-item.active,.app-shell .sidebar-table-item.active .sidebar-nav-item{border-color:#8fdac024;background:var(--pro-sidebar-active);box-shadow:none}.app-shell .sidebar-nav-item.active:before,.app-shell .sidebar-table-item.active .sidebar-nav-item:before{display:none}.app-shell .sidebar-add-table{border:1px dashed rgba(164,220,201,.22);background:transparent}.app-shell .sidebar-settings-section{margin-top:14px;padding-top:14px}.app-shell .sidebar-section-title{padding-inline:10px;color:#dcf1ea6e;font-size:10px}.app-shell .topbar{min-height:64px;padding:calc(10px + var(--safe-area-top)) max(20px,calc(12px + var(--safe-area-right))) 10px max(20px,calc(12px + var(--safe-area-left)));border-bottom:1px solid var(--pro-line);background:#fffffff5;box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dashboard-topbar-title span{color:var(--pro-muted);font-size:10px}.dashboard-topbar-title strong{color:var(--pro-text);font-size:20px;font-weight:800}.dashboard-topbar-live{min-height:30px;padding:0 10px;border-color:#cae3d9;background:#f3faf7;color:var(--pro-brand-strong);font-size:11px}.app-shell .topbar .header-actions{gap:6px}.app-shell .topbar-sync-btn{min-height:38px;padding:0 14px;border:0;border-radius:9px;background:var(--pro-brand);box-shadow:none}.app-shell .topbar-sync-btn:hover{background:var(--pro-brand-strong)}.app-shell .topbar-theme-btn,.app-shell .topbar-utility-btn{width:38px;height:38px;min-height:38px;border-color:var(--pro-line);border-radius:9px;box-shadow:none}.topbar-more-menu,.data-tools-menu,.auth-account-menu{position:relative}.topbar-more-menu[open]>summary,.data-tools-menu[open]>summary{border-color:#a8cbbd;background:var(--pro-brand-soft);color:var(--pro-brand-strong)}.topbar-more-popover,.data-tools-popover{position:absolute;z-index:120;top:calc(100% + 8px);right:0;width:210px;padding:6px;border:1px solid var(--pro-line);border-radius:11px;background:var(--pro-surface);box-shadow:var(--pro-shadow-float)}.topbar-more-popover button,.data-tools-action{display:flex;width:100%;min-height:40px;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--pro-text-soft);font-size:13px;font-weight:700;text-align:left}.topbar-more-popover button:hover,.data-tools-action:hover{background:var(--pro-surface-muted);color:var(--pro-text)}.topbar-more-popover svg,.data-tools-action svg{width:17px;height:17px;flex:0 0 auto}.app-shell .topbar .header-actions .auth-account-trigger{width:40px;height:40px;min-height:40px;border:1px solid var(--pro-line);border-radius:50%;background:var(--pro-surface);box-shadow:none}.auth-account-dropdown{z-index:140;top:calc(100% + 10px);right:0;width:250px;padding:7px;border:1px solid var(--pro-line);border-radius:12px;background:var(--pro-surface);box-shadow:var(--pro-shadow-float)}.auth-account-dropdown-head{display:grid;gap:3px;padding:9px 10px 11px}.auth-account-dropdown-head span{color:var(--pro-muted);font-size:11px;font-weight:700}.auth-account-dropdown-head strong{overflow:hidden;color:var(--pro-text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.auth-account-menu-item{min-height:40px;border-radius:8px;font-size:13px}.auth-account-menu-divider{margin:5px 4px}.app-shell .workspace{gap:14px;padding:22px max(22px,calc(14px + var(--safe-area-right))) calc(32px + var(--safe-area-bottom)) max(22px,calc(14px + var(--safe-area-left)))}.dashboard-stats{gap:12px}.dashboard-stat-card{min-height:88px;gap:12px;padding:16px;border:1px solid var(--pro-line);border-radius:var(--pro-radius);background:var(--pro-surface);box-shadow:var(--pro-shadow-sm)}.dashboard-stat-card:hover{border-color:var(--pro-line-strong);box-shadow:var(--pro-shadow-sm);transform:none}.dashboard-stat-icon{width:40px;height:40px;border-radius:10px}.dashboard-stat-card>div>span{color:var(--pro-text-soft);font-size:11px}.dashboard-stat-card strong{margin-top:2px;color:var(--pro-text);font-size:27px;line-height:1}.dashboard-stat-card small{margin-top:5px;color:var(--pro-muted);font-size:10px}.app-shell .control-strip{min-height:72px;gap:12px;padding:12px 14px;border:1px solid var(--pro-line);border-radius:var(--pro-radius);background:var(--pro-surface);box-shadow:var(--pro-shadow-sm)}.control-strip-main{gap:10px}.app-shell .add-record-toolbar-button{min-height:42px;border-radius:9px;background:var(--pro-brand);box-shadow:none}.app-shell .search-box input,.app-shell .select-field select{min-height:42px;border-color:var(--pro-line-strong);border-radius:9px;background:var(--pro-surface-subtle)}.app-shell .search-box:focus-within input,.app-shell .select-field select:focus{border-color:var(--pro-brand);box-shadow:0 0 0 3px #08785a1a}.control-strip-actions{gap:7px}.app-shell .control-strip-actions .tool-button,.data-tools-menu>summary{min-height:40px;padding:0 12px;border:1px solid var(--pro-line);border-radius:9px;background:var(--pro-surface);box-shadow:none;color:var(--pro-text-soft);font-size:12px}.data-tools-popover{width:224px}.data-tools-popover .table-settings{width:100%}.data-tools-popover .table-settings-popover{position:static;width:100%;margin:4px 0;padding:4px 0 5px 20px;border:0;border-top:1px solid var(--pro-line);border-radius:0;box-shadow:none}.data-tools-popover .table-settings-action,.data-tools-popover .table-settings-color{min-height:38px;border-radius:7px}.app-shell .table-panel{overflow:hidden;border:1px solid var(--pro-line);border-radius:var(--pro-radius);background:var(--pro-surface);box-shadow:var(--pro-shadow-sm)}.app-shell .table-wrap{min-height:0;max-height:calc(100dvh - 390px);border:0;border-radius:0;background:var(--pro-surface)}.app-shell table{background:var(--pro-surface)}.app-shell thead th{position:sticky;z-index:2;top:0;height:44px;padding:0 12px;border-color:#ffffff14;background:#113d33;color:#f3faf7;font-size:11px;letter-spacing:.045em}.app-shell tbody td{height:52px;padding:8px 12px;border-color:#e7ecea;color:var(--pro-text);font-size:13px}.app-shell tbody tr:nth-child(2n) td{background:#fafcfb}.app-shell tbody tr:hover td{background:#f0f7f4}.app-shell .cell-action{width:30px;height:30px;border-radius:7px}.app-shell .pagination-bar{min-height:58px;padding:10px 14px;border-top:1px solid var(--pro-line)}.app-shell .page-info{border-radius:7px;background:var(--pro-sidebar)}.app-shell .table-panel.is-empty .table-wrap,.app-shell .table-panel.is-empty .pagination-bar{display:none}.app-shell .empty-state{min-height:330px;margin:0;gap:8px;border:0;border-radius:0;background:var(--pro-surface)}.app-shell .empty-state-icon{display:grid;width:50px;height:50px;margin-bottom:5px;place-items:center;border-radius:13px;background:var(--pro-brand-soft);color:var(--pro-brand)}.app-shell .empty-state-icon svg{width:22px;height:22px}.app-shell .empty-state strong{color:var(--pro-text);font-size:16px}.app-shell .empty-state>span:not(.empty-state-icon){color:var(--pro-muted);font-size:13px}.app-shell .empty-state .primary-button{min-height:40px;margin-top:10px;border-radius:9px;background:var(--pro-brand)}.app-shell .empty-state .primary-button svg{width:17px;height:17px;color:currentColor}.dashboard-system-tip{min-height:58px;padding:12px 14px;border-color:var(--pro-line);border-radius:var(--pro-radius);background:var(--pro-surface-subtle);box-shadow:none}.dashboard-system-tip p{font-size:12px}body.notes-view-active .app-shell .workspace{gap:16px}body.notes-view-active .notes-page-head{margin-bottom:0}body.notes-view-active .notes-page-head h2,.settings-page-head h2,.account-page-header h2{color:var(--pro-text);font-size:27px;font-weight:850;letter-spacing:-.035em}body.notes-view-active .notes-page-head .primary-button{min-height:42px;border-radius:9px;background:var(--pro-brand);box-shadow:none}body.notes-view-active .notes-stats-card{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:0;padding:0;border:0;background:transparent;box-shadow:none}body.notes-view-active .notes-stats-card .notes-stat-item{display:grid;min-height:72px;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:12px;border:1px solid var(--pro-line);border-radius:10px;background:var(--pro-surface);color:var(--pro-text);box-shadow:var(--pro-shadow-sm)}body.notes-view-active .notes-stat-item .notes-stat-icon{width:34px;height:34px;border-radius:9px}body.notes-view-active .notes-stats-card .notes-stat-item>div{display:grid;min-width:0;min-height:0;grid-template-columns:1fr auto;align-items:center;gap:2px 7px}body.notes-view-active .notes-stat-item span{color:var(--pro-text-soft);font-size:10px}body.notes-view-active .notes-stat-item strong{grid-column:2;grid-row:1 / span 2;color:var(--pro-text);font-size:23px;line-height:1}body.notes-view-active .notes-stat-item small{color:var(--pro-muted);font-size:9px}body.notes-view-active .notes-stat-pinned{background:var(--pro-surface)}body.notes-view-active .notes-stat-pinned>div>span,body.notes-view-active .notes-stat-pinned strong,body.notes-view-active .notes-stat-pinned small{color:var(--pro-text)}body.notes-view-active .notes-stat-pinned .notes-stat-icon{background:var(--pro-brand-soft);color:var(--pro-brand)}body.notes-view-active .notes-toolbar{gap:9px;margin-bottom:0;padding:10px;border:1px solid var(--pro-line);border-radius:var(--pro-radius);background:var(--pro-surface);box-shadow:var(--pro-shadow-sm)}body.notes-view-active .notes-list-shell{padding:0;border:0;background:transparent;box-shadow:none}body.notes-view-active .notes-list-head{padding-inline:2px}body.notes-view-active .note-card{border-color:var(--pro-line);border-radius:var(--pro-radius);box-shadow:var(--pro-shadow-sm);content-visibility:auto;contain-intrinsic-size:260px}.settings-page-head,.account-page-header{margin-bottom:18px}.settings-tabs-shell{overflow:hidden;border:1px solid var(--pro-line);border-radius:var(--pro-radius-lg);background:var(--pro-surface);box-shadow:var(--pro-shadow-sm)}.settings-tabbar{min-height:52px;padding:8px 12px 0;border-bottom:1px solid var(--pro-line);background:var(--pro-surface)}.settings-tab{min-height:43px;padding:0 16px;border-radius:8px 8px 0 0;color:var(--pro-muted);font-size:13px}.settings-tab.is-active{border-color:var(--pro-line);border-bottom-color:var(--pro-surface);background:var(--pro-surface);color:var(--pro-brand-strong);box-shadow:inset 0 -2px 0 var(--pro-brand)}.settings-tab-panel{padding:22px}.settings-quick-main,.settings-quick-preview,.inline-account-card,.account-profile-panel,.settings-display-card,.settings-stat-card,.settings-advanced-card,.settings-hero-card{border-color:var(--pro-line);border-radius:var(--pro-radius);box-shadow:none}.settings-quick-preview{background:var(--pro-surface-subtle)}.settings-quick-main input,.settings-quick-main select,.security-panel-content input,.inline-account-card input{border-color:var(--pro-line-strong);border-radius:9px;background:var(--pro-surface-subtle)}.settings-actions-row,.settings-quick-actions{border-color:var(--pro-line);background:var(--pro-surface-subtle)}.security-panel-content{min-width:0}.security-panel-aside{border-color:#cfe6dc;border-radius:var(--pro-radius);background:#f2faf7}.inline-account-view,.settings-view{width:min(1180px,100%);margin-inline:auto}.account-profile-panel{background:var(--pro-surface)}.app-shell .primary-button{border-radius:9px;background:var(--pro-brand);box-shadow:none}.app-shell .primary-button:hover:not(:disabled){background:var(--pro-brand-strong)}.app-shell .tool-button,.app-shell .ghost-button,.app-shell .icon-button{box-shadow:none}.modal::backdrop,dialog::backdrop{background:#0c1c177a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal,.record-editor-modal,.record-detail-modal,.note-dialog,.note-detail-dialog{border-color:var(--pro-line);box-shadow:0 28px 80px #0c1c1738}.record-editor-hero,.record-detail-hero,.notes-editor-head{background:var(--pro-surface)}.record-editor-heading h2,.record-detail-identity h2,.notes-editor-head h3{color:var(--pro-text)}.note-content-editor:focus-visible{outline:2px solid var(--pro-brand);outline-offset:-2px}.modal,dialog,.record-editor-body,.note-options-content{overscroll-behavior:contain}.dashboard-stat-card strong,.notes-stat-item strong,.pagination-summary,.page-info,table{font-variant-numeric:tabular-nums}.app-shell .app-main-layout{min-width:0}.app-shell .workspace{width:100%;max-width:1560px;margin-inline:auto;gap:18px;padding:28px clamp(20px,2.5vw,40px) calc(40px + var(--safe-area-bottom))}.dashboard-overview,.notes-view,.inline-account-view,.settings-view{min-width:0}.dashboard-heading,.notes-page-head,.settings-page-head,.account-page-header{align-items:end;gap:20px}.dashboard-heading h2,.notes-page-head h2,.settings-page-head h2,.account-page-header h2{text-wrap:balance}.dashboard-heading p,.notes-page-head .account-page-eyebrow,.settings-page-head p,.account-page-header p{max-width:680px;color:var(--pro-muted);line-height:1.55;text-wrap:pretty}.dashboard-eyebrow,.account-page-eyebrow{color:var(--pro-brand)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.085em;text-transform:uppercase}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-stat-card{position:relative;overflow:hidden;min-width:0;min-height:104px;padding:18px}.dashboard-stat-card:after{position:absolute;right:-20px;bottom:-42px;width:92px;height:92px;border:18px solid color-mix(in srgb,var(--pro-brand) 7%,transparent);border-radius:50%;content:"";pointer-events:none}.dashboard-stat-card>div{min-width:0}.dashboard-stat-card small,.dashboard-stat-card>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell .control-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:68px;padding:12px}.control-strip-main{display:grid;min-width:0;grid-template-columns:auto minmax(240px,1fr) auto}.app-shell .search-box{min-width:0}.app-shell .search-box input{padding-left:42px}.app-shell .select-field>span,.notes-filter-field>span,.notes-columns-field>span{color:var(--pro-muted);font-size:10px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.control-strip-actions{min-width:max-content}.app-shell .table-panel{isolation:isolate}.app-shell .table-wrap{scrollbar-color:var(--pro-line-strong) transparent;scrollbar-width:thin}.app-shell table{border-collapse:separate;border-spacing:0}.app-shell thead th{height:46px;border-right:0;border-bottom:1px solid var(--pro-line);background:color-mix(in srgb,var(--table-header-bg) 7%,var(--pro-surface));color:var(--pro-text-soft);font-weight:800;letter-spacing:.055em;text-transform:uppercase}.app-shell thead th+th,.app-shell tbody td+td{border-left:1px solid color-mix(in srgb,var(--pro-line) 68%,transparent)}.app-shell tbody tr{content-visibility:auto;contain-intrinsic-size:52px}.app-shell tbody td{height:54px;background:var(--pro-surface);color:var(--table-text-color, var(--pro-text))}.app-shell tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--pro-surface-subtle) 55%,var(--pro-surface))}.app-shell .cell-content{min-width:0;overflow-wrap:anywhere}.app-shell .pagination-bar{background:var(--pro-surface-subtle)}.app-shell .pagination-summary{color:var(--pro-muted);font-size:12px}.app-shell .page-btn{min-width:76px}.app-shell .page-info{min-width:34px;min-height:32px;display:inline-grid;place-items:center}body.notes-view-active .notes-toolbar{align-items:end;padding:12px}body.notes-view-active .notes-list-head{min-height:42px;align-items:center;border-bottom:1px solid var(--pro-line)}body.notes-view-active .note-card{overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}body.notes-view-active .note-card-title,body.notes-view-active .note-card-content{overflow-wrap:anywhere}.settings-tabs-shell{box-shadow:0 10px 35px #10251f0d}.settings-tabbar{gap:4px;padding:8px;background:var(--pro-surface-subtle)}.settings-tab{min-height:38px;border:0;border-radius:8px}.settings-tab.is-active{border:1px solid var(--pro-line);background:var(--pro-surface);box-shadow:var(--pro-shadow-sm)}.settings-quick-main,.settings-quick-preview,.inline-account-card,.account-profile-panel,.settings-display-card,.settings-stat-card,.settings-advanced-card,.settings-hero-card{background:var(--pro-surface)}.settings-section-heading h3,.inline-account-card h3,.settings-advanced-card h4,.settings-hero-card h4{color:var(--pro-text);text-wrap:balance}.settings-section-heading p,.inline-account-card p,.settings-advanced-card p,.settings-hero-card p{color:var(--pro-muted);line-height:1.55;text-wrap:pretty}.modal,dialog.modal{max-width:min(920px,calc(100vw - 32px));max-height:min(860px,calc(100dvh - 32px));overflow:hidden;border:1px solid var(--pro-line);border-radius:var(--pro-radius-lg);background:var(--pro-surface)}.modal>.dialog-form,.modal>form.dialog-form,.modal>.notes-editor-card,.modal>form.notes-editor-card,.modal>.notes-trash-card{max-height:min(860px,calc(100dvh - 32px));overflow:auto;background:var(--pro-surface);scrollbar-color:var(--pro-line-strong) transparent;scrollbar-width:thin}.dialog-header,.record-editor-hero,.record-detail-hero,.notes-editor-head{position:sticky;z-index:5;top:0;min-height:68px;border-bottom:1px solid var(--pro-line);background:color-mix(in srgb,var(--pro-surface) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dialog-header h2,.record-editor-heading h2,.record-detail-identity h2,.notes-editor-head h3{letter-spacing:-.025em;text-wrap:balance}.dialog-actions{position:sticky;z-index:4;bottom:0;min-height:68px;border-top:1px solid var(--pro-line);background:color-mix(in srgb,var(--pro-surface) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.modal .field>span,.settings-view .field>span,.inline-account-view .field>span{color:var(--pro-text-soft);font-size:12px;font-weight:750}.modal :is(input,select,textarea),.settings-view :is(input,select,textarea),.inline-account-view :is(input,select,textarea){border-color:var(--pro-line-strong);border-radius:var(--pro-radius-sm);background-color:var(--pro-surface-subtle)}.modal :is(input,select,textarea):focus-visible,.settings-view :is(input,select,textarea):focus-visible,.inline-account-view :is(input,select,textarea):focus-visible{border-color:var(--pro-brand);outline:2px solid color-mix(in srgb,var(--pro-brand) 24%,transparent);outline-offset:1px;box-shadow:none}.modal .icon-button,.dialog-header .icon-button,.notes-editor-head .icon-button{width:40px;height:40px;border:1px solid transparent;border-radius:10px}.modal .icon-button:hover,.dialog-header .icon-button:hover,.notes-editor-head .icon-button:hover{border-color:var(--pro-line);background:var(--pro-surface-muted)}@media(hover:hover)and (pointer:fine){body.notes-view-active .note-card:hover{border-color:var(--pro-line-strong);box-shadow:var(--pro-shadow);transform:translateY(-2px)}.dashboard-stat-card:hover{border-color:color-mix(in srgb,var(--pro-brand) 28%,var(--pro-line))}}@media(min-width:921px){.mobile-sidebar-backdrop{display:none}}html.dark{--pro-canvas: #101815;--pro-surface: #17231f;--pro-surface-subtle: #1b2924;--pro-surface-muted: #22322c;--pro-text: #edf6f2;--pro-text-soft: #c5d5cf;--pro-muted: #94aaa2;--pro-line: #2d413a;--pro-line-strong: #3b5149;--pro-brand-soft: #173d31;color-scheme:dark}html.dark .app-shell .topbar,html.dark .dashboard-stat-card,html.dark .app-shell .control-strip,html.dark .app-shell .table-panel,html.dark .app-shell .empty-state,html.dark body.notes-view-active .notes-stat-item,html.dark body.notes-view-active .notes-toolbar,html.dark .settings-tabs-shell,html.dark .settings-tabbar,html.dark .settings-tab.is-active,html.dark .auth-account-dropdown,html.dark .topbar-more-popover,html.dark .data-tools-popover{background:var(--pro-surface);color:var(--pro-text)}html.dark .app-shell tbody tr:nth-child(2n) td{background:#1a2722}html.dark .app-shell tbody tr:hover td{background:#20332c}html.dark .app-shell tbody td{border-color:var(--pro-line);color:var(--pro-text)}@media(max-width:1180px){.app-shell .sidebar{width:220px}body.notes-view-active .notes-stats-card{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell .control-strip{grid-template-columns:minmax(0,1fr);align-items:stretch}.control-strip-actions{justify-content:flex-end}}@media(max-width:920px){.app-shell .sidebar{width:292px}.app-shell .workspace{padding:16px}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-topbar-live,.topbar-more-menu{display:none}.settings-quick-layout,.security-panel-content{grid-template-columns:1fr}}@media(max-width:720px){.dth-login-layout{width:100%;min-height:100dvh;grid-template-columns:1fr;gap:20px;padding:28px 14px}.dth-login-left{order:1;padding:0 4px}.dth-login-right{order:2;padding:0}.dth-login-branding{gap:0}.dth-login-logo{justify-content:center;min-width:0;flex-wrap:wrap}.dth-login-logo p{max-width:calc(100vw - 110px);font-size:12px;text-align:center;white-space:normal}.dth-login-features,.dth-login-copyright{display:none}.dth-login-card{border-radius:14px}.dth-login-icon{width:62px;height:62px;margin-top:24px}.dth-login-card>h2{font-size:24px}.dth-login-form{padding:20px 18px 24px}.app-shell .topbar{min-height:60px;padding:8px 12px}.dashboard-topbar-title span{display:none}.dashboard-topbar-title strong{max-width:190px;overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.app-shell .topbar-sync-btn{width:40px;min-width:40px;padding:0}.app-shell .topbar-sync-btn span{display:none}.app-shell .workspace{gap:12px;padding:14px}.dashboard-stats{gap:9px}.dashboard-stat-card{min-height:78px;gap:9px;padding:12px}.dashboard-stat-icon{width:34px;height:34px}.dashboard-stat-card strong{font-size:23px}.dashboard-stat-card small{display:none}.app-shell .control-strip{gap:10px;padding:10px}.control-strip-main{display:grid;grid-template-columns:1fr}.app-shell .add-record-toolbar-button,.app-shell .search-box,.app-shell .select-field{width:100%}.control-strip-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.control-strip-actions>.tool-button,.control-strip-actions>.data-tools-menu{flex:1 1 0}.data-tools-menu>summary{width:100%;justify-content:center}.app-shell .table-wrap{max-height:none;overflow-x:auto}.app-shell thead th:first-child,.app-shell tbody td:first-child{position:sticky;z-index:3;left:0}.app-shell tbody td:first-child{background:var(--pro-surface)}.app-shell .empty-state{min-height:300px}body.notes-view-active .notes-page-head{gap:12px}body.notes-view-active .notes-page-head h2{font-size:25px}body.notes-view-active .notes-stats-card{display:flex;gap:8px;margin-bottom:0;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity;scrollbar-width:none}body.notes-view-active .notes-stats-card .notes-stat-item{min-width:148px;min-height:72px;flex:0 0 148px;padding:10px;scroll-snap-align:start}body.notes-view-active .notes-stats-card::-webkit-scrollbar{display:none}body.notes-view-active .notes-stat-item strong{font-size:21px}body.notes-view-active .notes-stat-item small{display:none}body.notes-view-active .notes-toolbar{grid-template-columns:1fr 1fr}body.notes-view-active .notes-search-box{grid-column:1 / -1}.settings-page-head,.account-page-header{margin-bottom:14px}.settings-tabbar{overflow-x:auto;padding-inline:8px}.settings-tab{flex:0 0 auto;padding-inline:13px;white-space:nowrap}.settings-tab-panel{padding:14px}.settings-quick-main,.settings-quick-preview,.inline-account-card,.account-profile-panel{border-radius:11px}.modal,.record-editor-modal,.record-detail-modal,.note-dialog,.note-detail-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:14px}}@media(max-width:440px){.dashboard-topbar-title{display:none!important}.dashboard-stat-card>div>span{font-size:10px}body.notes-view-active .notes-stats-card .notes-stat-item{min-width:148px}body.notes-view-active .notes-stats-card .notes-stat-item>div{display:grid;min-height:0}body.notes-view-active .notes-stat-item strong{display:block;margin-top:4px}body.notes-view-active .notes-toolbar{grid-template-columns:1fr}.auth-account-dropdown{position:fixed;top:64px;right:10px;width:min(280px,calc(100vw - 20px))}}.mobile-bottom-nav,.mobile-network-banner{display:none}@media(max-width:720px){html,body{max-width:100%;overflow-x:clip}.app-shell,.app-shell .app-main-layout{width:100%;min-width:0}.app-shell .topbar{position:sticky;z-index:180;top:0;min-height:calc(64px + var(--safe-area-top));align-items:center;gap:8px;padding:calc(8px + var(--safe-area-top)) max(12px,calc(8px + var(--safe-area-right))) 8px max(12px,calc(8px + var(--safe-area-left)));box-shadow:0 1px #1232290d,0 8px 24px #1232290e}.app-shell .mobile-menu-btn,.app-shell .topbar-sync-btn,.app-shell .topbar-theme-btn,.app-shell .topbar .header-actions .auth-account-trigger{width:44px;min-width:44px;height:44px;min-height:44px;flex:0 0 44px}.app-shell .topbar-sync-btn{border:1px solid var(--pro-line-strong);background:var(--pro-surface);color:var(--pro-brand);box-shadow:none}.app-shell .topbar>.title-group{display:block!important;min-width:0;flex:1 1 auto}.app-shell .dashboard-topbar-title{display:grid!important;min-width:0;gap:1px}.app-shell .dashboard-topbar-title span{display:block;overflow:hidden;font-size:9px;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.app-shell .dashboard-topbar-title strong{display:block;max-width:none;overflow:hidden;font-size:15px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.app-shell .topbar .header-actions{width:auto;min-width:0;flex:0 0 auto;flex-wrap:nowrap}.app-shell .workspace{gap:14px;padding:16px max(16px,calc(10px + var(--safe-area-right))) calc(112px + var(--safe-area-bottom)) max(16px,calc(10px + var(--safe-area-left)))}.mobile-bottom-nav{position:fixed;z-index:170;right:max(12px,calc(8px + var(--safe-area-right)));bottom:max(8px,var(--safe-area-bottom));left:max(12px,calc(8px + var(--safe-area-left)));display:grid;width:min(480px,calc(100% - 24px));min-height:72px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:2px;margin-inline:auto;padding:6px 6px max(6px,calc(var(--safe-area-bottom) / 2));border:1px solid color-mix(in srgb,var(--pro-line-strong) 88%,transparent);border-radius:20px;background:color-mix(in srgb,var(--pro-surface) 94%,transparent);box-shadow:0 16px 44px #0c2a212e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity .18s ease,transform .18s ease}.mobile-network-banner:not(.hidden){position:fixed;z-index:175;right:max(16px,calc(10px + var(--safe-area-right)));bottom:calc(88px + var(--safe-area-bottom));left:max(16px,calc(10px + var(--safe-area-left)));display:flex;width:min(458px,calc(100% - 32px));min-height:48px;align-items:center;gap:10px;margin-inline:auto;padding:10px 12px;border:1px solid color-mix(in srgb,var(--pro-warning) 34%,var(--pro-line));border-radius:13px;background:color-mix(in srgb,var(--pro-surface) 92%,#fff5dc);color:var(--pro-text-soft);box-shadow:var(--pro-shadow);font-size:13px;font-weight:700;line-height:1.35}.mobile-network-banner svg{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:var(--pro-warning);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.mobile-bottom-nav-item,.mobile-bottom-nav-create{min-width:0;min-height:54px;display:grid;place-items:center;align-content:center;gap:3px;border:0;border-radius:14px;background:transparent;color:var(--pro-muted);font-size:10px;font-weight:750;line-height:1;-webkit-tap-highlight-color:transparent}.mobile-bottom-nav :is(.mobile-bottom-nav-item,.mobile-bottom-nav-create) span{white-space:nowrap}.mobile-bottom-nav-item svg,.mobile-bottom-nav-create svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.mobile-bottom-nav-item.is-active{background:var(--pro-brand-soft);color:var(--pro-brand-strong)}.mobile-bottom-nav-item.is-active span{font-weight:850}.mobile-bottom-nav-create{min-height:62px;align-self:end;margin:-16px 2px 0;border:4px solid var(--pro-surface);border-radius:19px;background:var(--pro-brand);color:#fff;box-shadow:0 10px 24px #08785a47}.mobile-bottom-nav-create svg{width:23px;height:23px;stroke-width:2.2}.mobile-bottom-nav :is(button:hover,button:active){filter:brightness(.96)}body:has(dialog[open]) .mobile-bottom-nav,body.mobile-form-focus-active .mobile-bottom-nav,body:has(input:focus,textarea:focus,select:focus,[contenteditable=true]:focus) .mobile-bottom-nav{pointer-events:none;opacity:0;transform:translateY(calc(100% + 20px))}.toast{bottom:calc(96px + var(--safe-area-bottom))}body:has(.mobile-network-banner:not(.hidden)) .toast{bottom:calc(150px + var(--safe-area-bottom))}.app-shell .sidebar{width:min(320px,86vw);height:100dvh;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);border-radius:0 18px 18px 0;box-shadow:18px 0 54px #031b144d}.app-shell .sidebar-header{min-height:72px;padding:10px 12px}.app-shell .sidebar-close-btn{width:44px;min-width:44px;height:44px;min-height:44px}.app-shell .sidebar-nav{gap:5px;padding:12px 10px 20px}.app-shell .sidebar-nav-item{min-height:48px;padding-inline:13px;border-radius:11px;font-size:15px}.mobile-sidebar-backdrop{background:#05171280;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dashboard-overview,.dashboard-stats,.app-shell .control-strip{min-width:0}.dashboard-stat-card{min-height:88px;padding:13px;border-radius:13px}.dashboard-stat-card strong{font-size:24px}.app-shell .control-strip,.app-shell .table-panel,.app-shell .empty-state,.dashboard-system-tip{border-radius:14px}.app-shell .control-strip :is(input,select),.app-shell .control-strip button,body.notes-view-active .notes-toolbar :is(input,select,button),.settings-view :is(input,select,textarea,button),.inline-account-view :is(input,select,textarea,button){min-height:44px}.app-shell .control-strip button,.settings-view button,.inline-account-view button,#securityView button{height:auto;min-height:44px!important}.inline-account-view .inline-copy-btn{width:44px!important;min-width:44px!important;flex:0 0 44px}#openAdvancedSettingsBtn{position:relative}#openAdvancedSettingsBtn:after{position:absolute;inset:-12px -6px;content:""}.app-shell .table-wrap{width:100%;min-height:260px;max-height:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-left:1px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.app-shell .table-wrap table{width:max-content;min-width:max(720px,100%)}.app-shell thead th:first-child,.app-shell tbody td:first-child{position:sticky;z-index:3;left:0;box-shadow:1px 0 0 var(--pro-line),8px 0 14px #112b2309}.app-shell thead th:first-child{z-index:4;background:var(--pro-surface-subtle)}.app-shell tbody td:first-child{background:var(--pro-surface)}.app-shell .pagination-bar{min-height:60px;gap:10px;padding:10px}.app-shell .page-btn{min-width:44px;min-height:44px}body.notes-view-active .notes-page-head,.account-page-header{align-items:flex-start;text-align:left}body.notes-view-active .notes-page-head h2,.account-page-header h2,.settings-page-head h2,body.account-view-active .settings-page-head h2,body.account-view-active #securityView .account-page-header h2{font-size:26px;letter-spacing:-.035em}body.notes-view-active .notes-page-head .primary-button{min-height:46px}body.notes-view-active .notes-stats-card{margin:0 -1px;padding:1px 1px 4px;scroll-padding-inline:1px}body.notes-view-active .notes-stats-card .notes-stat-item{min-width:140px;min-height:76px;flex-basis:140px;border-radius:13px}body.notes-view-active .notes-stat-item>div>span{white-space:nowrap}body.notes-view-active .notes-toolbar{grid-template-columns:1fr;gap:10px;margin-bottom:0;padding:12px;border-radius:14px}body.notes-view-active .notes-search-box,body.notes-view-active .notes-filter-field,body.notes-view-active .notes-columns-field,body.notes-view-active .notes-trash-open-btn,body.notes-view-active .notes-view-toggle{width:100%;grid-column:auto}body.notes-view-active .notes-view-toggle-btn{min-height:44px;flex:1 1 0}body.notes-view-active .notes-list-shell{overflow:hidden;border-radius:14px}body.notes-view-active .notes-list-head{min-height:52px;padding-inline:14px}body.notes-view-active .notes-list{grid-template-columns:1fr;gap:12px;padding:12px}body.notes-view-active .note-card{min-height:0;padding:15px;border-radius:12px}.settings-page-head,.account-page-header{margin-bottom:16px}.settings-page-head p{margin-top:8px;line-height:1.5}body.account-view-active .settings-tabs-shell,body.account-view-active #securityView .settings-tabs-shell,.settings-tabs-shell{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}body.account-view-active .settings-tabbar,body.account-view-active #securityView .settings-tabbar,.settings-tabbar{position:sticky;z-index:20;top:calc(72px + var(--safe-area-top));display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible;padding:4px;border:1px solid var(--pro-line);border-radius:12px;background:color-mix(in srgb,var(--pro-surface) 94%,transparent);box-shadow:0 8px 24px #112b2312;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}body.account-view-active #securityView .settings-tabbar{grid-template-columns:repeat(2,minmax(0,1fr))}body.account-view-active .settings-tab,body.account-view-active #securityView .settings-tab,.settings-tab{min-width:0;min-height:44px;padding:0 6px;border:0;border-radius:9px;font-size:12px;line-height:1.2;white-space:normal}body.account-view-active .settings-tab.is-active,body.account-view-active #securityView .settings-tab.is-active,.settings-tab.is-active{border:1px solid var(--pro-line);background:var(--pro-surface);box-shadow:var(--pro-shadow-sm)}body.account-view-active .settings-tab-panel,body.account-view-active #securityView .settings-tab-panel,.settings-tab-panel{padding:14px 0 0}body.account-view-active .settings-quick-main,body.account-view-active .settings-quick-preview,.settings-quick-main,.settings-quick-preview,.inline-account-card,.account-profile-panel{padding:16px;border-radius:13px;box-shadow:none}.settings-section-heading{align-items:flex-start}.settings-actions-row,.settings-sync-actions{align-items:stretch;flex-direction:column}.settings-actions-row .primary-button,.settings-sync-actions>button{width:100%}.account-page-header{gap:10px}.account-status-pill{align-self:flex-start;min-height:32px}.account-profile-panel{grid-template-columns:1fr;gap:16px}.account-profile-main{display:grid;grid-template-columns:64px minmax(0,1fr);gap:13px;align-items:start}.account-profile-main .inline-account-avatar{width:64px;height:64px}.inline-account-heading h3{font-size:21px;overflow-wrap:anywhere}.inline-account-heading p{overflow-wrap:anywhere}.account-profile-main .account-profile-actions{grid-column:1 / -1}.account-profile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.account-profile-actions>button{width:100%;min-width:0}.account-profile-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.account-profile-meta>div{min-height:76px;padding:11px}body.account-view-active .inline-account-grid{gap:12px}body.account-view-active .inline-account-field>div{min-height:48px}.modal,dialog.modal,.record-editor-modal,.record-detail-modal,.note-dialog,.note-detail-dialog{position:fixed;inset:auto 0 0;width:100vw;max-width:none;max-height:calc(100dvh - max(12px,var(--safe-area-top)));margin:0;border-right:0;border-bottom:0;border-left:0;border-radius:20px 20px 0 0}.modal>.dialog-form,.modal>form.dialog-form,.modal>.notes-editor-card,.modal>form.notes-editor-card,.modal>.notes-trash-card,.record-editor-modal .record-editor-shell,.record-detail-modal .record-detail-shell{max-height:calc(100dvh - max(12px,var(--safe-area-top)));border-radius:20px 20px 0 0}.dialog-header,.record-editor-hero,.record-detail-hero,.notes-editor-head{min-height:64px;padding:14px 16px}.modal .icon-button,.dialog-header .icon-button,.notes-editor-head .icon-button,.record-editor-close{width:44px;min-width:44px;height:44px;min-height:44px}.record-editor-body{padding:16px}.dialog-actions,.record-editor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:70px;padding:12px 16px calc(12px + var(--safe-area-bottom))}.dialog-actions>button,.record-editor-actions>button{width:100%;min-height:46px}}@media(max-width:440px){.app-shell .dashboard-topbar-title{display:grid!important}.app-shell .dashboard-topbar-title span{display:none}.app-shell .dashboard-topbar-title strong{font-size:14px}.app-shell .topbar-theme-btn{display:none}.app-shell .workspace{padding-top:14px}.dashboard-stat-card{min-height:84px;padding:12px}.dashboard-stat-card>div>span{font-size:10px}.app-shell .pagination-bar{align-items:stretch;flex-direction:column}.app-shell .pagination-controls{display:grid;grid-template-columns:1fr auto 1fr}.account-profile-actions,.account-profile-meta{grid-template-columns:1fr}.dialog-actions,.record-editor-actions{grid-template-columns:1fr 1fr}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:light}button,input,select,textarea{font:inherit}button:not(:disabled),summary{cursor:pointer}button,a,summary{touch-action:manipulation}:where(h1,h2,h3){text-wrap:balance}:where(p,li){text-wrap:pretty}:where(dialog,[role=dialog]){overscroll-behavior:contain}:where(.dashboard-stat-card strong,.notes-stat-item strong,td,.history-time){font-variant-numeric:tabular-nums}:where(.sidebar-brand){border:0;color:inherit;text-align:left}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:720px){:where(input,select,textarea){font-size:max(16px,1rem)}}