: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;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)}.auth-loading-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#031e19f5,#065544f0),#043d31;color:#e6fff2}.auth-loading-card{width:min(420px,100%);display:grid;justify-items:center;gap:14px;padding:32px 28px;border:1px solid rgba(148,230,190,.28);border-radius:14px;background:#fffffff5;color:#0a1d2d;box-shadow:0 28px 80px #0000003d}.auth-loading-mark{position:relative;width:72px;height:72px;display:grid;place-items:center;color:#0d7a48;border-radius:999px;background:#dff8e9}.auth-loading-ring{position:absolute;inset:-5px;border:2px solid rgba(13,122,72,.14);border-top-color:#0d7a48;border-radius:999px;animation:app-loading-spin .9s linear infinite}.auth-loading-card h1{margin:4px 0 0;font-size:24px;font-weight:850;letter-spacing:0}.auth-loading-card p{max-width:310px;margin:0;color:#617083;font-size:14px;font-weight:600;line-height:1.55;text-align:center}.auth-loading-progress{width:min(260px,100%);height:8px;overflow:hidden;border-radius:999px;background:#e5f2ec}.auth-loading-progress span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0d8a4f,#18c777);animation:auth-loading-progress 1.2s ease-in-out infinite}.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-hero-art{justify-self:center;width:min(100%,340px);aspect-ratio:1;position:relative;pointer-events:none;filter:drop-shadow(0 28px 42px rgba(0,0,0,.22))}.dth-login-orbit{position:absolute;inset:14% -4% 18%;border:1.5px solid rgba(171,255,214,.34);border-radius:999px;transform:rotate(-14deg)}.dth-login-shield{position:absolute;left:23%;top:16%;width:52%;aspect-ratio:1;border-radius:28px;background:radial-gradient(circle at 38% 26%,#9bf2bf,#17a862 36%,#035f3a 84%);box-shadow:0 22px 48px #00000047,inset 0 1px #ffffff59;display:grid;place-items:center;color:#fff}.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-valid-icon{color:#0f8c54;flex:0 0 auto}.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-trust{border-top:1px solid #e6ebf1;background:linear-gradient(180deg,#f9fbfa,#f5f8f7);padding:18px 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dth-login-trust>div{display:inline-flex;gap:10px;align-items:center;color:#106b43}.dth-login-trust span{display:inline-grid;line-height:1.2;color:#5e6e80;font-size:13px}.dth-login-trust b{color:#193047;font-size:14px}@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-hero-art,.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}.dth-login-trust{grid-template-columns:1fr}}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-brand-icon{border-color:#30466e;background:#1a2744;color:#58a6ff}html.dark .auth-title{color:var(--text)}html.dark .auth-field{color:var(--muted)}html.dark .auth-input-wrap>svg{color:var(--muted)}html.dark .auth-toggle-password:hover{background:var(--panel-2);color:var(--text)}html.dark .auth-remember{color:var(--muted)}html.dark .auth-error-inline{border-color:#6e2a2a;background:#2a1010;color:#f85149}html.dark .auth-session-chip{border-color:var(--line);background:var(--panel)}html.dark .auth-user-badge{border-color:var(--line);background:var(--panel-2);color:var(--muted)}html.dark .auth-user-meta strong{color:var(--muted)}html.dark .auth-user-email,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;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}.app-loading-card:after{content:"";width:min(220px,100%);height:7px;margin-top:2px;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(15,138,79,.72),transparent),#e5f2ec;background-size:45% 100%,100% 100%;background-repeat:no-repeat;animation:app-loading-bar 1.15s ease-in-out infinite}.app-loading-spinner{width:38px;height:38px;border:3px solid #dff8e9;border-top-color:#0d8a4f;border-right-color:#0d8a4f;border-radius:999px;animation:app-loading-spin .8s linear infinite}.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 app-loading-spin{to{transform:rotate(360deg)}}@keyframes app-loading-bar{0%{background-position:-60% 0,0 0}to{background-position:160% 0,0 0}}@keyframes auth-loading-progress{0%{transform:translate(-90%)}55%{transform:translate(75%)}to{transform:translate(165%)}}button,input,select,textarea{font:inherit}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;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(16px,4vw,48px) 12px;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 clamp(12px,4vw,48px) 28px}.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}.toolbar-spacer{flex:1}.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}.bg-color-field{min-width:112px}.bg-color-field input[type=color]{width:100%;min-height:40px;padding:3px;cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);outline:none;transition:all .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:all .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:all .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:minmax(0,1.25fr) minmax(112px,.82fr) minmax(112px,.82fr) minmax(0,1.4fr) minmax(112px,.75fr) 40px;gap:10px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc}.field-row .field,.field-row input,.field-row select{min-width:0}.status-field-row{grid-template-columns:minmax(0,1.2fr) minmax(108px,.75fr) minmax(108px,.75fr) minmax(0,1.8fr) minmax(104px,.7fr) 40px;align-items:start}.status-options-builder{display:grid;gap:10px}.status-options-list{display:grid;gap:8px}.status-option-item{display:grid;grid-template-columns:minmax(0,1fr) 132px 34px;gap:8px;align-items:center;padding:6px 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:nowrap;overflow:hidden;text-overflow:ellipsis}.status-option-delete{width:30px;height:30px;min-height:30px}.status-option-add-row{display:grid;grid-template-columns:minmax(0,1fr) 132px 86px;gap:8px;align-items:center}.status-option-color-picker{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:34px;padding:4px 8px 4px 5px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer}.status-option-appearance-editor{display:grid;min-width:0;gap:6px}.status-option-color-input{width:34px;height:24px;min-height:24px;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:11px;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-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:11px;font-weight:850;font-variant-numeric:tabular-nums;text-align:right}.status-option-add-trigger{justify-self:start}.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-login-card{display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,1fr);width:min(920px,100%);min-height:430px;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 26px 68px #0f3a7047}.auth-login-intro{display:flex;flex-direction:column;justify-content:center;gap:34px;padding:58px 64px;background:linear-gradient(135deg,#3dabf6eb,#0a4dadfa),#126ac1;color:#fff}.auth-login-logo{display:flex;align-items:center;gap:10px;color:#fff;font-size:16px;font-weight:900}.auth-login-mark{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;color:#0c315f}.auth-login-mark svg{width:28px;height:28px;stroke-width:2.6}.auth-login-copy{display:grid;gap:14px;max-width:340px}.auth-login-copy h1{margin:0;color:#fff;font-size:34px;font-weight:900;line-height:1.08;letter-spacing:0}.auth-login-copy p{margin:0;color:#ffffffe0;font-size:15px;font-weight:650;line-height:1.65}.auth-login-form-panel{display:flex;flex-direction:column;justify-content:center;padding:54px 58px;background:#fff}.auth-login-heading{margin-bottom:24px;text-align:center}.auth-login-heading h2{margin:0;color:#202937;font-size:25px;font-weight:900;line-height:1.2;letter-spacing:0}.auth-login-heading p{margin:7px 0 0;color:#7b8796;font-size:13px;font-weight:650;line-height:1.4}.auth-panel-loading{justify-items:center;text-align:center}.auth-brand{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.auth-brand-icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid #bdd2ec;border-radius:8px;background:#edf4ff;color:#1f4c8f}.auth-title{margin:0;color:#102a43;font-size:24px;font-weight:900;line-height:1.2}.auth-subtitle{margin:4px 0 0;color:var(--muted);font-size:14px;font-weight:700}.auth-form{display:grid;gap:12px}.auth-field{display:grid;gap:5px;color:#485868;font-size:12px;font-weight:800}.auth-input-wrap{position:relative}.auth-input-wrap>svg{position:absolute;top:50%;left:12px;width:18px;height:18px;color:#617283;transform:translateY(-50%)}.auth-input-wrap input{min-height:40px;border-color:#d9e1ea;border-radius:5px;background:#fff;color:#202937;font-size:14px;font-weight:650;padding:0 42px 0 40px;box-shadow:inset 0 1px 2px #0f172a0a}.auth-toggle-password{position:absolute;top:50%;right:6px;display:inline-flex;width:32px;min-height:32px;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:#617283;transform:translateY(-50%)}.auth-toggle-password:hover{background:#eef3f7;color:#243647}.auth-toggle-password svg{width:17px;height:17px}.auth-remember{display:flex;align-items:center;gap:8px;color:#647386;font-size:12px;font-weight:750}.auth-remember input{width:16px;height:16px;min-height:16px;margin:0;padding:0}.auth-submit{width:100%;min-height:42px;margin-top:2px;border-radius:5px;background:#1765bf;box-shadow:0 8px 18px #1765bf42}.auth-login-options{display:flex;align-items:center;justify-content:space-between;min-height:24px}.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}.auth-session-chip{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:5px 6px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 6px 14px #17212b14}.auth-fallback-bar{display:flex;justify-content:flex-end;padding:10px clamp(12px,4vw,48px) 0}.supa-account-chip{display:inline-flex;align-items:center;gap:10px;padding:7px 10px 7px 8px;border:1px solid #cbd5e1;border-radius:999px;background:#fffffff0;box-shadow:0 6px 18px #0f172a1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.supa-account-dot{width:9px;height:9px;border-radius:999px;background:#10b981;box-shadow:0 0 0 2px #10b98133}.supa-account-email{font-size:14px;line-height:1;color:#0f172a;font-weight:700}.supa-logout-btn{border:1px solid #0f766e;border-radius:999px;background:#0f766e;color:#fff;font-size:12px;font-weight:700;padding:6px 10px;cursor:pointer;transition:background-color .18s ease,transform .18s ease}.supa-logout-btn:hover{background:#115e59;transform:translateY(-1px)}.auth-user-badge{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid #ccd6e0;border-radius:6px;background:#f4f7fa;color:#4d6174}.auth-user-badge svg{width:16px;height:16px}.auth-user-meta{display:grid;min-width:0;gap:2px}.auth-user-meta strong{color:#657485;font-size:11px;font-weight:900;line-height:1;letter-spacing:.04em;text-transform:uppercase}.auth-user-email{max-width:220px;overflow:hidden;color:#2b3f54;font-size:13px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.auth-logout-btn{min-height:34px;padding:0 10px;white-space:nowrap}.topbar .auth-session-chip{margin-left:6px}.auth-spin{animation:auth-spin .9s linear infinite}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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}.bg-color-field{flex:0 0 112px}.toolbar-spacer{display:none}.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,.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}.auth-title{font-size:22px}.topbar .header-actions .auth-session-chip{width:100%;order:-1;justify-content:space-between;margin-left:0}.auth-user-email{max-width:min(54vw,240px)}}.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-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#f7fbfb;box-shadow:inset 0 1px #ffffffb8}.record-detail-table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;font-size:14px}.record-detail-table th,.record-detail-table td{height:auto;padding:12px 14px;border:1px solid var(--line);vertical-align:top;transition:background-color .16s ease}.record-detail-table tr:nth-child(odd) th,.record-detail-table tr:nth-child(odd) td{background:#f8fbfd}.record-detail-table tr:nth-child(2n) th,.record-detail-table tr:nth-child(2n) td{background:#fdfaf3}.record-detail-table tr:hover th,.record-detail-table tr:hover td{background:#e9f6f3}.record-detail-table th{width:220px;background:#eef4f3!important;color:#5f6b85!important;font-size:12px;font-weight:900;letter-spacing:.02em;text-align:left;text-transform:uppercase}.record-detail-table td{color:var(--text)!important;font-weight:800;line-height:1.5;text-align:left;overflow-wrap:anywhere;background-clip:padding-box}.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}html.dark .record-detail-table-wrap,html.dark .record-detail-table th,html.dark .record-detail-table td{border-color:var(--line)}html.dark .record-detail-table-wrap{background:linear-gradient(180deg,rgba(45,212,191,.055),transparent 34%),var(--panel);box-shadow:inset 0 1px #ffffff0a}html.dark .record-detail-table tr:nth-child(odd) th,html.dark .record-detail-table tr:nth-child(odd) td{background:#2dd4bf12}html.dark .record-detail-table tr:nth-child(2n) th,html.dark .record-detail-table tr:nth-child(2n) td{background:#f6c4530e}html.dark .record-detail-table tr:hover th,html.dark .record-detail-table tr:hover td{background:#2dd4bf21}.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,.auth-session-chip{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:14px clamp(18px,3vw,42px);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,.bg-color-field{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 clamp(18px,3vw,42px) 34px}.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)}.auth-submit{border-radius:5px;background:#1765bf;box-shadow:0 8px 18px #1765bf42}.auth-submit:hover{background:#0f58aa}.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}.auth-brand-icon{border-radius:14px}.auth-session-chip{border-radius:10px;border-color:#d5e0ec;background:#ffffffe6;box-shadow:0 10px 22px #1f385714}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}html.dark .auth-session-chip{background:#101927eb}@media(max-width:720px){.topbar{padding:14px 12px 10px}.auth-viewport{align-items:stretch;padding:18px}.auth-login-card{grid-template-columns:1fr;width:100%;min-height:auto}.auth-login-intro{min-height:210px;gap:22px;padding:30px 28px}.auth-login-copy h1{font-size:30px}.auth-login-copy p{font-size:14px;line-height:1.5}.auth-login-form-panel{padding:32px 24px 28px}.auth-login-heading{margin-bottom:20px}.auth-login-heading h2{font-size:23px}.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-photo{width:100%;height:100%;border-radius:50%;background-position:center;background-size:cover;background-repeat:no-repeat}.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 .auth-spin{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}html.dark .auth-account-menu-item-danger .auth-spin{color:#9cb1cb}.profile-container{display:flex;flex-direction:column;flex:1;min-height:100vh;padding:0;background:var(--bg)}.profile-header{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}html.dark .profile-header{background:#161b22b8;border-bottom-color:#2b3540}.profile-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted)}.profile-breadcrumbs .separator{color:var(--line)}.profile-breadcrumbs .current{color:var(--text)}.profile-hero{position:relative;padding:0;margin-bottom:30px;background:var(--panel);border-bottom:1px solid var(--line)}html.dark .profile-hero{border-bottom-color:#2b3540}.profile-cover-gradient{height:120px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%)}html.dark .profile-cover-gradient{background:linear-gradient(135deg,#1f2d3d,#0d1117)}.profile-hero-body{display:flex;align-items:flex-end;gap:20px;padding:0 24px 20px;margin-top:-40px}.profile-hero-avatar-wrap{flex-shrink:0}.profile-hero-avatar{width:96px;height:96px;border-radius:20px;background:var(--panel);border:4px solid var(--panel);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-hero-avatar .avatar-img{width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}.profile-hero-avatar .avatar-icon{width:42px;height:42px;color:var(--muted)}.profile-hero-details{flex:1;display:grid;gap:6px}.profile-hero-name{margin:0;font-size:24px;font-weight:850;letter-spacing:-.02em;line-height:1.1}.profile-hero-email-badge{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:650;color:var(--muted)}.profile-hero-email-badge .badge-icon{width:15px;height:15px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0 24px 40px;max-width:1200px;width:100%;margin:0 auto}.profile-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:20px}html.dark .profile-card{border-color:#2b3540}.profile-card-title{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:850;color:var(--text);border-bottom:1px solid var(--line);padding-bottom:12px}html.dark .profile-card-title{border-bottom-color:#2b3540}.profile-card-title .card-icon{width:18px;height:18px;color:var(--accent)}.profile-card-fields{display:flex;flex-direction:column;gap:16px}.profile-field-row{display:grid;gap:6px}.profile-field-row .field-label{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.profile-field-row .field-value-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px 14px}html.dark .profile-field-row .field-value-wrap{border-color:#2b3540}.profile-field-row .field-value{font-size:14px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-field-row .uid-value{font-family:var(--font-iphone);font-size:12px;letter-spacing:.02em}.profile-field-row .icon-copy-btn{background:transparent;border:0;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:color .15s}.profile-field-row .icon-copy-btn:hover{color:var(--accent)}.profile-field-row .icon-copy-btn svg{width:14px;height:14px}.status-pill{font-size:12px;font-weight:800;padding:3px 8px;border-radius:6px;display:inline-flex}.status-pill.verified{background:#22c55e26;color:#22c55e}.status-pill.unverified{background:#ef444426;color:#ef4444}.profile-toast{position:fixed;bottom:24px;right:24px;background:var(--text);color:var(--panel);padding:10px 18px;border-radius:10px;font-size:13px;font-weight:800;box-shadow:0 10px 25px #00000040;animation:slideInUp .2s cubic-bezier(.16,1,.3,1);z-index:1000}@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(max-width:768px){.profile-grid{grid-template-columns:1fr;gap:16px;padding:0 16px 30px}.profile-hero-body{flex-direction:column;align-items:center;text-align:center;margin-top:-50px;padding:0 16px 20px}.profile-hero-details{align-items:center;justify-items:center}.profile-header{padding:12px 16px}}.auth-viewport-playful{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:radial-gradient(680px 360px at 16% 6%,rgba(197,230,197,.22),transparent 54%),radial-gradient(760px 420px at 82% 100%,rgba(160,209,160,.16),transparent 58%),linear-gradient(180deg,#1f5a3a,#17442d 56%,#123424)}.auth-scene-cloud{position:absolute;z-index:1;width:86px;height:30px;border-radius:999px;background:#ffffff73;filter:blur(.1px)}.auth-scene-cloud:before,.auth-scene-cloud:after{position:absolute;bottom:11px;content:"";border-radius:50%;background:inherit}.auth-scene-cloud:before{left:14px;width:26px;height:26px}.auth-scene-cloud:after{left:34px;width:34px;height:34px}.auth-scene-cloud-left{left:8%;top:30%}.auth-scene-cloud-right{right:8%;top:36%}.auth-scene-plant,.auth-scene-flower{display:none}.auth-login-card-playful{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:16px;width:min(450px,calc(100vw - 32px));padding:24px 22px;border-radius:30px;border:1px solid rgba(203,217,204,.92);background:linear-gradient(180deg,#f9fbf8,#f3f7f3);box-shadow:0 28px 52px #12342447}.auth-login-heart{display:grid;place-items:center;width:24px;height:24px;margin:0 auto;border-radius:999px;background:#d6ead7;box-shadow:0 6px 14px #36634638;font-size:0}.auth-login-heart:before{content:"♥";color:#2b6b4b;font-size:12px;line-height:1}.auth-login-heading-centered{margin:2px 0 0;text-align:center}.auth-login-heading-centered h2{margin:0;color:#1f4737;font-size:42px;font-weight:900;line-height:1.06;letter-spacing:0}.auth-login-heading-centered p{margin:7px 0 0;color:#5f7367;font-size:16px;font-weight:700}.auth-login-avatar{display:grid;place-items:center;padding:4px 0 8px}.auth-login-avatar-ring{display:grid;place-items:center;width:142px;height:142px;border-radius:50%;background:radial-gradient(circle at 30% 24%,#eef6ef,#dcebdd 48%,#cee3d1);box-shadow:0 16px 28px #244d3533}.auth-login-avatar-ring svg{width:72px;height:72px;color:#2f674b;stroke-width:1.9}.auth-form-playful{gap:12px}.auth-form-playful .auth-field{gap:0}.auth-form-playful .auth-input-wrap-playful>svg{left:14px;width:16px;height:16px;color:#6c7f73}.auth-form-playful .auth-input-wrap-playful input{min-height:47px;border:1px solid #ccd9cd;border-radius:999px;background:#fbfdfb;color:#1f352a;font-size:16px;padding-left:44px}.auth-form-playful .auth-toggle-password{top:8px;right:8px;width:30px;min-height:30px;border-radius:999px}.auth-login-options-playful{align-items:center;margin-top:2px}.auth-login-options-playful .auth-remember{color:#4f6458}.auth-forgot-button{border:0;background:transparent;color:#2f6a4c;font-size:13px;font-weight:800}.auth-forgot-button:hover{color:#23533b;text-decoration:underline}.auth-submit-playful{min-height:52px;margin-top:6px;border-radius:999px;background:linear-gradient(180deg,#3f845f,#2f694d);box-shadow:0 14px 24px #26553c4d;font-size:30px;letter-spacing:0}.auth-submit-playful:hover{background:linear-gradient(180deg,#367754,#285a43)}.auth-social-divider{display:flex;align-items:center;gap:12px;margin-top:4px;color:#728578;font-size:13px;font-weight:700}.auth-social-divider:before,.auth-social-divider:after{height:1px;content:"";flex:1;background:#d1ddd2}.auth-social-list{display:flex;justify-content:center;gap:14px}.auth-social-button{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid #cedacf;border-radius:50%;background:#fff;color:#335d47;font-size:20px;font-weight:900;box-shadow:0 6px 14px #365b4424}.auth-social-button:hover{background:#f0f5f0}.auth-signup-note{margin:4px 0 0;text-align:center;color:#5f7468;font-size:14px;font-weight:700}.auth-signup-link{margin-left:6px;border:0;background:transparent;color:#2f6a4c;font-size:inherit;font-weight:900}.auth-signup-link:hover{text-decoration:underline}.auth-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}@media(max-width:860px){.auth-scene-cloud{display:none}.auth-login-card-playful{width:min(440px,calc(100vw - 18px));padding:20px 16px 18px;border-radius:24px}.auth-login-heading-centered h2{font-size:34px}.auth-login-heading-centered p{font-size:14px}.auth-login-avatar-ring{width:124px;height:124px}.auth-submit-playful{font-size:24px}}.auth-viewport-split{display:grid;grid-template-columns:minmax(420px,50.35vw) minmax(420px,1fr);align-items:stretch;justify-content:stretch;min-height:100vh;padding:0;background:#fff}.auth-login-visual{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(0deg,#0f172aa6,#0f172aa6),linear-gradient(135deg,#4f46e566,#0f172acc),url(/images/main-flower-background.jpg) center / cover no-repeat}.auth-login-visual:after{position:absolute;inset:0;content:"";background:radial-gradient(circle at 22% 10%,rgba(99,102,241,.2),transparent 25%),linear-gradient(180deg,#0f172a1a,#0f172a66);pointer-events:none}.auth-login-brand{position:relative;z-index:1;display:inline-flex;align-items:center;gap:14px;margin:47px 0 0 50px;color:#ffffffbd;font-size:32px;font-weight:800;line-height:1;letter-spacing:0;text-shadow:0 2px 16px rgba(0,0,0,.2)}.auth-login-brand-mark{position:relative;display:inline-flex;width:50px;height:50px;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle at 62% 34%,#d7ff89 0 7%,transparent 8%),conic-gradient(from 225deg,#195f3c,#8edb59,#d8f077,#2b8b4c,#0e4a31,#195f3c);box-shadow:inset 0 0 0 3px #144e2bc7,0 4px 14px #00000047}.auth-login-brand-mark:before{position:absolute;inset:10px 13px 9px 11px;content:"";border:6px solid rgba(231,255,154,.9);border-left-color:transparent;border-bottom-color:#2a9c55;border-radius:58% 42%;transform:rotate(-35deg)}.auth-login-card-split{display:flex;width:100%;min-height:100vh;align-items:center;justify-content:center;overflow:visible;border-radius:0;background:var(--panel);color:var(--text);box-shadow:none;transition:background-color .3s ease,color .3s ease}.auth-login-card-split .auth-login-form-panel{width:min(414px,calc(100% - 56px));padding:0;background:transparent}.auth-login-card-split .auth-login-heading{width:max-content;max-width:min(480px,calc(100vw - 56px));margin:0 0 36px;text-align:left}.auth-login-card-split .auth-login-heading h2{margin:0;color:var(--text);font-size:32px;font-weight:800;line-height:1.2;letter-spacing:-.02em}.auth-login-card-split .auth-login-heading p{margin:8px 0 0;color:var(--muted);font-size:15px;font-weight:400;line-height:1.5}.auth-form-split{gap:19px}.auth-form-split .auth-field{gap:8px;color:var(--text);font-size:14px;font-weight:600;line-height:1.2}.auth-form-split .auth-input-wrap input{width:100%;min-height:44px;padding:0 48px 0 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:15px;font-weight:400;box-shadow:0 2px 4px #00000005;transition:all .2s ease}.auth-form-split .auth-input-wrap input::placeholder{color:var(--muted);opacity:.7}.auth-form-split .auth-input-wrap input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6366f126,0 2px 4px #00000005}.auth-form-split .auth-login-options{justify-content:flex-end;min-height:20px;margin-top:-11px}.auth-remember-hidden{display:none}.auth-form-split .auth-forgot-button{padding:0;border:0;background:transparent;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;transition:color .2s ease}.auth-form-split .auth-forgot-button:hover{color:var(--accent-strong)}.auth-submit-split{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;margin-top:7px;border:none;border-radius:8px;background:var(--accent);color:#fff;box-shadow:0 4px 12px #6366f126;font-size:15px;font-weight:600;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.auth-submit-split:hover{background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 6px 16px #6366f140}.auth-submit-split:active{transform:translateY(0)}.auth-social-stack{display:grid;justify-items:center;gap:22px;margin-top:18px}.auth-social-row{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:11px;border:0;background:transparent;color:#111;font-size:18px;font-weight:400}.auth-social-row:hover{color:#10551f}.auth-social-icon{display:inline-grid;width:36px;height:36px;place-items:center;border:1px solid #d9e3d8;border-radius:50%;background:#fff;color:#145923;font-weight:850;line-height:1}.auth-social-icon-google{font-family:var(--font-iphone);font-size:21px}.auth-social-icon-linkedin{font-family:var(--font-iphone);font-size:15px}@media(max-width:920px){.auth-viewport-split{grid-template-columns:1fr;min-height:100vh}.auth-login-visual{min-height:220px}.auth-login-brand{margin:34px 0 0 28px;font-size:27px}.auth-login-brand-mark{width:44px;height:44px}.auth-login-card-split{min-height:auto;padding:42px 0 46px}}@media(max-width:520px){.auth-login-card-split{width:100vw;min-width:0;justify-content:flex-start;padding-right:16px;padding-left:16px;overflow:hidden}.auth-login-card-split .auth-login-form-panel{width:calc(100vw - 32px);max-width:358px;min-width:0}.auth-login-card-split .auth-login-heading{width:100%;max-width:100%;margin-bottom:28px}.auth-login-card-split .auth-login-heading h2{font-size:30px;overflow-wrap:normal}.auth-login-card-split .auth-login-heading p{font-size:17px}.auth-form-split .auth-input-wrap input,.auth-social-row{font-size:16px}}@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:all .18s ease}.sidebar-nav-item svg,.sidebar-nav-item .sidebar-icon-span{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-footer{padding:16px 12px;border-top:1px solid rgba(88,130,180,.2)}html.dark .sidebar-footer{border-top-color:#2b3540}.sidebar .sidebar-profile-placeholder{display:block;align-items:center;min-height:40px}.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:all .18s;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-photo{width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}.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}.sidebar-footer{border-top-color:#8cabd233}@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,.auth-login-card-split .auth-login-heading h2,.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}.topbar-tool-group{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;padding:4px;border:1px solid var(--line);border-radius:12px;background:#ffffffbd;box-shadow:0 1px 2px #1118270a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-tool-button{min-width:96px;min-height:36px;padding:0 12px;border:0;border-radius:9px;background:transparent;box-shadow:none;color:var(--text)}.topbar-tool-button svg{width:17px;height:17px}.topbar-tool-button span{white-space:nowrap}.topbar-tool-button:hover{border-color:transparent;background:var(--accent-soft);transform:none}html.dark .topbar-tool-group{background:#111b1bc2;border-color:#edf4f21a}html.dark .topbar-tool-button{background:transparent;color:var(--text)}.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-hero{display:flex;align-items:flex-end;gap:18px;min-height:190px;padding:26px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,transparent 0 56%,var(--panel) 56% 100%),linear-gradient(135deg,#2563eb,#4f46e5 62%,#7c3aed);box-shadow:var(--shadow)}.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}.inline-account-hero{align-items:flex-start;flex-direction:column}}.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-link{display:flex;align-items:center;text-decoration:none}.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-footer{border-top-color:#ffffff1a}.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}.auth-viewport-split{background:#f5f7f6}.auth-login-visual{background:linear-gradient(0deg,#0c1918ad,#0c1918ad),linear-gradient(135deg,#0f766e61,#0f1f1ec7),url(/images/main-flower-background.jpg) center / cover no-repeat}.auth-login-visual:after{background:linear-gradient(180deg,#0f1f1e1a,#0f1f1e7a),linear-gradient(90deg,rgba(246,196,83,.12),transparent 38%)}.auth-login-brand{color:#ffffffdb;font-size:28px;font-weight:900}.auth-login-brand-mark{border-radius:12px;background:linear-gradient(145deg,#2dd4bf,#f6c453)}.auth-login-brand-mark:before{display:none}.auth-login-card-split{background:#f8faf9}html.dark .auth-login-card-split,html.dark .auth-viewport-split{background:#0d1414}.auth-login-card-split .auth-login-form-panel{width:min(430px,calc(100% - 56px));padding:34px;border:1px solid rgba(17,24,39,.08);border-radius:12px;background:#ffffffdb;box-shadow:var(--shadow)}html.dark .auth-login-card-split .auth-login-form-panel{border-color:#edf4f214;background:#111b1be6}.auth-login-card-split .auth-login-heading h2{font-size:30px;font-weight:900}.auth-form-split .auth-input-wrap input{border-radius:8px}.auth-submit-split{background:linear-gradient(180deg,var(--accent),var(--accent-strong));box-shadow:0 10px 22px #0f766e38}.auth-submit-split:hover{background:linear-gradient(180deg,#12877e,var(--accent-strong))}.auth-viewport-focused{display:grid;place-items:center;min-height:100vh;padding:32px 16px;background:linear-gradient(135deg,#0f766e17,#0ea5e914),#f3f7f8}.auth-login-card-focused{width:min(500px,100%);min-height:auto;display:block;border:1px solid rgba(15,23,42,.1);border-radius:16px;background:#fffffffa;box-shadow:0 24px 56px #0f172a29}.auth-login-form-panel-focused{padding:34px 32px;background:transparent}.auth-login-brand-compact{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:#334155;font-size:14px;font-weight:900}.auth-login-card-focused .auth-login-heading{margin-bottom:22px;text-align:left}.auth-login-card-focused .auth-login-heading h2{font-size:48px;line-height:1.08;letter-spacing:0}.auth-login-card-focused .auth-login-heading p{margin-top:8px;font-size:15px;color:#64748b}.auth-login-card-focused .auth-form-split{gap:14px}.auth-login-card-focused .auth-field{gap:7px}.auth-login-card-focused .auth-field>span{font-size:13px;color:#334155}.auth-login-card-focused .auth-form-split .auth-input-wrap input{min-height:48px;padding-right:48px;font-size:15px;border-radius:10px;border-color:#cfd8e3}.auth-login-card-focused .auth-login-options{min-height:30px;margin-top:2px}.auth-login-card-focused .auth-remember{font-size:13px;font-weight:750}.auth-login-card-focused .auth-forgot-button{font-size:13px;font-weight:800}.auth-login-card-focused .auth-submit-split{margin-top:6px;min-height:48px;border-radius:10px;font-size:17px}html.dark .auth-viewport-focused{background:radial-gradient(circle at 18% 14%,rgba(45,212,191,.16),transparent 34%),radial-gradient(circle at 84% 88%,rgba(37,99,235,.14),transparent 32%),#0b1416}html.dark .auth-login-card-focused{border-color:#edf4f21f;background:#111b1bf0}html.dark .auth-login-brand-compact{color:#cbd5e1}@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-tool-group{order:-1}.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}.auth-login-card-split .auth-login-form-panel{width:min(430px,calc(100% - 32px))}.auth-login-card-focused .auth-login-heading h2{font-size:38px}}@media(max-width:640px){h1{font-size:23px!important}.header-actions .status-row span{max-width:min(100%,280px)}.topbar-tool-group{width:100%}.topbar-tool-button{flex:1 1 0;min-width:0}.workspace{padding:12px 10px 20px}.control-strip{border-radius:10px}.table-wrap{max-height:calc(100vh - 328px)}.auth-login-visual{min-height:180px}.auth-login-brand{margin:28px 0 0 22px;font-size:22px}.auth-login-card-split{padding:28px 0 34px}.auth-login-card-split .auth-login-form-panel,.auth-login-form-panel-focused{padding:24px 18px}.auth-login-card-focused .auth-login-heading h2{font-size:32px}}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}.note-editor-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.note-editor-separator{flex:0 0 auto;width:1px;height:24px;margin:0 5px;background:#e2e8f0}.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-format-toolbar{display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,150px) minmax(100px,130px);gap:12px;align-items:end;border:1px solid #e3e9f0;border-radius:8px;background:#f8fafc;padding:12px}.note-format-toolbar .field{gap:6px}.note-format-toolbar input[type=color]{width:100%;height:42px;border:1px solid #d1d5db;border-radius:8px;background:#fff;padding:4px;cursor:pointer}.note-format-toolbar input[type=number]{min-height:42px}.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,.note-short-link-field{border:1px solid rgba(148,163,184,.22);border-radius:10px;background:#ffffffb8;padding:12px}.note-short-link-field small{color:#64748b;font-size:12px;font-weight:650;line-height:1.4}.note-password-field input,.note-short-link-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 18% 12%,rgba(52,211,153,.22),transparent 34%),radial-gradient(circle at 82% 84%,rgba(5,150,105,.2),transparent 34%),linear-gradient(135deg,#021c16,#064534 46%,#0b6b46);padding:clamp(18px,4vh,48px) 18px;color:#eafff5;overflow:hidden;isolation:isolate}.public-note-snowfall{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.public-note-snowflake{position:absolute;top:-12vh;display:block;border-radius:999px;background:radial-gradient(circle at 35% 35%,#fff,#ffffffb8 60%,#ffffff14);box-shadow:0 0 14px #ffffff2e;animation-name:public-note-snow-fall;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity}.public-note-shell{width:min(1360px,100%);display:grid;gap:clamp(12px,2vh,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 14px 34px #00000038;padding:0 14px;font-size:12px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.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(340px,380px);gap:24px;align-items:start;min-height:0}.public-note-card{position:relative;overflow:hidden;width:100%;display:grid;gap:24px;border:1px solid rgba(209,250,229,.2);border-radius:8px;background:#fff;box-shadow:0 28px 90px #00000042;padding:40px 48px 38px}.public-note-card:before{position:absolute;top:0;left:0;right:0;height:6px;background:var(--public-note-accent);content:""}.public-note-lock-card{position:relative;width:min(620px,100%);display:grid;gap:24px;border:1px solid rgba(209,250,229,.3);border-radius:14px;background:radial-gradient(circle at 92% 0%,rgba(187,247,208,.38),transparent 34%),linear-gradient(180deg,#fffffffa,#f0fdfaf5);box-shadow:0 34px 100px #00000057;overflow:hidden;padding:38px 42px 40px}.public-note-lock-card:before{position:absolute;inset:0;border-top:5px solid rgba(52,211,153,.82);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-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(15,118,110,.18);border-radius:14px;background:#ecfdf5;color:#0f766e;box-shadow:0 14px 30px #0f766e24}.public-note-message-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.public-note-message-icon-loading{position:relative}.public-note-message-spinner{width:24px;height:24px;border:2.5px solid rgba(15,118,110,.16);border-top-color:#0f766e;border-radius:999px;animation:public-note-message-spin .8s linear infinite}.public-note-lock-card .public-note-status{justify-self:center;min-height:32px;box-shadow:0 10px 24px #0f766e1f}.public-note-lock-hero{position:relative;display:grid;justify-items:center;gap:10px;text-align:center;padding-top:2px}.public-note-lock-icon{display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(15,118,110,.2);border-radius:18px;background:linear-gradient(180deg,#fff,#dcfce7);color:#0f766e;box-shadow:0 18px 40px #0f766e29}.public-note-lock-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.public-note-lock-card p{margin:8px 0 0;color:#0f766e;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.public-note-lock-card h1{margin:0;color:#0f172a;font-size:clamp(28px,3.6vw,40px);font-weight:950;line-height:1.12}.public-note-lock-card small{max-width:440px;color:#64748b;font-size:14px;font-weight:750;line-height:1.5}.public-note-unlock-form{display:grid;gap:16px;border:1px solid rgba(15,118,110,.12);border-radius:12px;background:#ffffffb8;box-shadow:inset 0 1px #ffffffeb;padding:16px}.public-note-unlock-form label{display:grid;gap:8px;color:#334155;font-size:13px;font-weight:900}.public-note-password-control{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;width:100%;min-height:54px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}.public-note-password-control svg{width:18px;height:18px;justify-self:center;color:#0f766e;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.public-note-unlock-form input{width:100%;min-height:52px;border:0;background:transparent;color:#0f172a;font:inherit;font-weight:800;padding:0 14px 0 0;outline:none}.public-note-password-control:focus-within{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e24}.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:54px;border:0;border-radius:10px;background:linear-gradient(135deg,#0f766e,#047857 52%,#065f46);color:#fff;cursor:pointer;font:inherit;font-size:14px;font-weight:950;box-shadow:0 16px 34px #04785747;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-button-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.34);border-top-color:#fff;border-radius:999px;animation:public-note-spin .72s linear infinite}@keyframes public-note-spin{to{transform:rotate(360deg)}}@keyframes public-note-message-spin{to{transform:rotate(360deg)}}@keyframes public-note-snow-fall{0%{transform:translate3d(0,-12vh,0) rotate(0)}to{transform:translate3d(var(--snow-drift, 18px),120vh,0) rotate(360deg)}}.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:20px}.public-note-head h1{margin:0;color:#0f172a;font-size:clamp(30px,4vw,46px);font-weight:950;line-height:1.05;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:420px;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:linear-gradient(180deg,#f8fafcb8,#fffffff0),#fff;padding:30px 34px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;font-weight:650}.public-note-content a{color:#0f766e;font-weight:850;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px}.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:8px;background:#ecfdf8;color:#0f5963;padding:0 10px;font-size:12px;font-weight:850}.public-note-side{display:grid;gap:14px;position:sticky;top:24px}.public-note-side-card{display:grid;gap:12px;border:1px solid rgba(209,250,229,.22);border-radius:8px;background:#fffffff0;box-shadow:0 20px 46px #00000029;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:20px}.public-note-side-card-accent{border-color:#0f766e2e;background:linear-gradient(90deg,var(--public-note-accent) 0 6px,transparent 6px),#fff;gap:14px}.public-note-side-label{color:#64748b;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.public-note-side-card strong{color:#0f172a;font-size:18px;font-weight:750;line-height:1.2}.public-note-side-card p{margin:0;color:#64748b;font-size:13px;font-weight:500;line-height:1.55}.public-note-side-card-accent strong{display:inline-flex;align-items:center;gap:8px;width:fit-content;color:#047857;font-size:17px;font-weight:800;line-height:1.1}.public-note-side-card-accent strong:before{width:8px;height:8px;border-radius:999px;background:#10b981;box-shadow:0 0 0 5px #10b9811f;content:""}.public-note-side-card-accent p{color:#53657a}.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-meta-list{display:grid;grid-template-columns:1fr;gap:6px}.public-note-meta-list span{color:#64748b;font-size:12px;font-weight:800}.public-note-meta-list strong{margin-bottom:8px;font-size:15px}.public-note-custom-info-list{display:grid;gap:9px}.public-note-no-info{border:1px dashed rgba(100,116,139,.22);border-radius:8px;background:#f8fafcb8;color:#64748b;padding:12px;font-size:13px;font-weight:600}.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-format-toolbar,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-editor-separator{background:var(--gd-outline)}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,html.dark .note-short-link-field{border-color:var(--gd-outline);background:#17252b}html.dark .note-short-link-field small{color:#94a3b8}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-actions{margin-top:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.settings-display-actions .tool-button.is-active{border-color:#0f766e75;background:#e6f8f3;color:#065f46}.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-actions .tool-button.is-active{border-color:#2dd4bf80;background:#2dd4bf2e;color:#d8f7ef}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}@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-display-actions,.settings-sync-actions,.settings-display-grid,.settings-quick-layout{grid-template-columns:1fr}}@media(max-width:1280px){.public-note-layout{grid-template-columns:1fr}.public-note-side{position:static;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible}.public-note-side-card:nth-child(2){grid-column:span 2}}@media(max-height:760px)and (min-width:721px){.public-note-page{align-items:stretch;padding:16px}.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:18px}.public-note-side-card{padding:14px}}@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-format-toolbar{grid-template-columns:1fr}.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:20px;padding:30px 18px 22px}.public-note-lock-icon{width:54px;height:54px;border-radius:16px}.public-note-unlock-form{padding:12px}.public-note-message-card{grid-template-columns:1fr;gap:14px;padding:26px 20px 24px}.public-note-message-icon{width:48px;height:48px}.public-note-content{min-height:240px;padding:18px}.public-note-side{grid-template-columns:1fr}.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-side-card:nth-child(2){grid-column:auto}.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}@media(max-width:960px){html,body{overflow-x:hidden}.topbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 14px 10px}.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 12px 22px}.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%}.toolbar-spacer{display:none}.tool-button,.ghost-button,.primary-button,.icon-button,.cell-action{min-height:40px}.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-format-toolbar,.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:14px 10px}.public-note-snowflake{opacity:.42}.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:16px}.public-note-side{position:static;grid-template-columns:1fr}.public-note-side-card{padding:16px}.public-note-side-card strong{font-size:16px}.public-note-custom-info-item{grid-template-columns:1fr}.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:14px;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}.dth-login-trust{padding:14px 16px}.auth-loading-card{width:min(360px,100%);padding:24px 18px;border-radius:12px}.auth-loading-card h1{font-size:20px;text-align:center}.auth-loading-card p{max-width:100%;font-size:13px}.auth-viewport{padding:14px}.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:24px 14px}.dth-login-layout{padding:12px}.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}.auth-loading-card{padding:22px 16px}.note-dialog .notes-editor-card,.note-detail-card{padding:12px}.note-menu-trigger{width:32px;height:32px}}#securityView .account-profile-actions .primary-button,#securityView .account-profile-actions .ghost-button,#securityView .account-profile-actions .tool-button{width:100%;justify-content:center}}