:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8f1f5;background:#0b1220;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{width:100%;min-height:100vh}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{--bg-main:#0b1220;--bg-sidebar:#172334;--bg-card:#172638;--bg-card-subtle:#142234;--bg-hover:#24364b;--bg-active:#1d3445;--border-subtle:#94a8bb29;--border-card:#94a8bb21;--border-focus:#19b8aa;--primary-accent:#19b8aa;--primary-accent-hover:#149c90;--primary-accent-glow:#19b8aa33;--text-main:#e8f1f5;--text-sub:#94a8bb;--text-muted:#94a8bb;--status-expired-text:#fca5a5;--status-expired-bg:#f8717126;--status-expired-border:#f871714d;--status-soon-text:#fcd34d;--status-soon-bg:#f59e0b26;--status-soon-border:#f59e0b4d;--status-current-text:#5eead4;--status-current-bg:#19b8aa26;--status-current-border:#19b8aa4d;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow-card:0 12px 32px -20px #000000e6, inset 0 1px 0 #ffffff06;--shadow-modal:0 28px 80px -24px #000000d1;font-family:var(--font-sans);color:var(--text-main);background:var(--bg-main);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background-color:var(--bg-main);min-width:320px;color:var(--text-main);margin:0}button,input,select,textarea{font-family:inherit}button{cursor:pointer;background:0 0;border:none}.app-shell{background:radial-gradient(ellipse at 82% -18%, #19b8aa13, transparent 34rem), var(--bg-main);min-height:100vh;display:flex}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;gap:18px;width:252px;height:100svh;padding:26px 16px 20px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:2px 6px 18px;display:flex}.brand-logo{width:32px;height:32px;color:var(--primary-accent);background:#19b8aa1f;border:1px solid #19b8aa4d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-text{flex-direction:column;display:flex}.brand-title{color:var(--text-main);letter-spacing:-.2px;font-size:15px;font-weight:700;line-height:1.2}.brand-subtitle{color:var(--primary-accent);letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:600}.sidebar-section{flex-direction:column;gap:4px;display:flex}.sidebar-label{letter-spacing:1.4px;color:var(--text-muted);padding:0 8px 4px;font-size:9.5px;font-weight:700}.nav-btn{width:100%;min-height:40px;color:var(--text-sub);text-align:left;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:9px 11px;font-size:13px;font-weight:550;transition:all .15s ease-in-out;display:flex}.nav-btn:hover{background:var(--bg-hover);color:var(--text-main)}.nav-btn.active{background:var(--bg-active);color:var(--primary-accent);border-color:#19b8aa4d;font-weight:650}.nav-btn:disabled{opacity:.45;cursor:not-allowed}.nav-icon{color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-badge{background:var(--bg-card);color:var(--text-sub);border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10.5px;font-weight:600}.sidebar-bottom{border-top:1px solid var(--border-subtle);flex-direction:column;gap:8px;margin-top:auto;padding-top:12px;display:flex}.status-pill{border:1px solid var(--border-subtle);color:var(--text-sub);background:#0b122099;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:10.5px;font-weight:500;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot.live{background:var(--primary-accent);box-shadow:0 0 6px var(--primary-accent)}.status-dot.offline{background:var(--status-soon-text);box-shadow:0 0 6px var(--status-soon-text)}.version-info{color:var(--text-muted);padding:0 2px;font-size:10.5px;line-height:1.4}.main{flex:1;min-width:0;max-width:1600px;margin:0 auto;padding:32px clamp(22px,3vw,48px)}.topbar{border-bottom:1px solid #94a8bb1f;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:22px;display:flex}.topbar-intro{min-width:0}.eyebrow{color:var(--primary-accent);letter-spacing:1.5px;text-transform:uppercase;font-size:10.5px;font-weight:750}h1{color:var(--text-main);letter-spacing:-.8px;margin:7px 0 5px;font-size:clamp(25px,2.4vw,32px);font-weight:700;line-height:1.15}.topbar-desc{color:var(--text-sub);margin:0;font-size:14px;line-height:1.4}.topbar-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.backup-action-group{border:1px solid var(--border-subtle);background:#17233499;border-radius:8px;align-items:center;gap:6px;padding:3px;display:flex}.btn{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn.primary{background:var(--primary-accent);color:#042724;box-shadow:0 2px 8px var(--primary-accent-glow);font-weight:700}.btn.primary:hover{background:var(--primary-accent-hover);box-shadow:0 4px 12px var(--primary-accent-glow)}.btn.secondary{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-subtle)}.btn.secondary:hover{background:var(--bg-hover);border-color:#ffffff26}.btn.secondary:disabled{opacity:.45;cursor:not-allowed}.btn.compact-btn{color:var(--text-sub);background:0 0;border:1px solid #0000;padding:6px 10px;font-size:12px}.btn.compact-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-main);border-color:#ffffff14}.btn.add-btn{padding:8px 16px;font-size:13px}.btn.sm{border-radius:6px;padding:5px 11px;font-size:11.5px}.link-btn{color:var(--primary-accent);border-radius:4px;padding:3px 5px;font-size:12px;font-weight:600;transition:color .15s}.link-btn:hover{color:#5eead4;text-decoration:underline}.storage-warning{border:1px solid var(--status-soon-border);background:var(--status-soon-bg);color:var(--status-soon-text);border-radius:7px;align-items:center;gap:10px;margin:0 0 16px;padding:10px 14px;font-size:12.5px;line-height:1.45;display:flex}.card{background:linear-gradient(145deg, #ffffff06, transparent 48%), var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-card);border-radius:10px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-card);border-radius:13px;flex-direction:column;padding:18px 19px;transition:transform .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.stat-card:hover{border-color:#94a8bb45;transform:translateY(-1px)}.stat-card:before{content:"";background:#94a8bb61;width:3px;position:absolute;inset:0 auto 0 0}.stat-card.expired:before{background:var(--status-expired-text)}.stat-card.soon:before{background:var(--status-soon-text)}.stat-card.current:before{background:var(--primary-accent)}.stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stat-label{color:var(--text-sub);font-size:12px;font-weight:600}.stat-icon-wrapper{border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.stat-icon-wrapper.total{color:var(--text-sub);background:#94a8bb1f}.stat-icon-wrapper.expired{background:var(--status-expired-bg);color:var(--status-expired-text)}.stat-icon-wrapper.soon{background:var(--status-soon-bg);color:var(--status-soon-text)}.stat-icon-wrapper.current{background:var(--status-current-bg);color:var(--primary-accent)}.stat-number{letter-spacing:-.8px;margin-bottom:4px;font-size:32px;font-weight:750;line-height:1.1}.stat-number.total{color:var(--text-main)}.stat-number.expired{color:var(--status-expired-text)}.stat-number.soon{color:var(--status-soon-text)}.stat-number.current{color:var(--status-current-text)}.stat-caption{color:var(--text-muted);font-size:11px}.overview-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:14px;margin-bottom:20px;display:grid}.overview-card{border-radius:13px;flex-direction:column;padding:20px 21px;display:flex}.onboarding-card{background:linear-gradient(120deg, #19b8aa17, transparent 60%), var(--bg-card);box-shadow:var(--shadow-card);border:1px solid #19b8aa3d;border-radius:13px;margin-bottom:20px;padding:22px}.onboarding-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.onboarding-eyebrow{color:var(--primary-accent);letter-spacing:1.2px;margin:0 0 6px;font-size:10px;font-weight:750}.onboarding-heading h2{color:var(--text-main);letter-spacing:-.3px;margin:0 0 5px;font-size:19px}.onboarding-heading>div>p:last-child{color:var(--text-sub);margin:0;font-size:12.5px;line-height:1.5}.onboarding-data-guidance{max-width:860px;color:var(--text-sub);margin:14px 0 0;font-size:12.5px;line-height:1.6}.onboarding-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:20px 0 0;padding:0;list-style:none;display:grid}.onboarding-step{border:1px solid var(--border-subtle);width:100%;min-height:76px;color:var(--text-main);text-align:left;background:#0b122057;border-radius:10px;align-items:center;gap:11px;padding:12px;transition:border-color .15s,background .15s;display:flex}.onboarding-step:hover{background:var(--bg-hover);border-color:#19b8aa80}.onboarding-step-primary,.onboarding-step-primary:hover{background:#19b8aa1a;border-color:#19b8aa94}.onboarding-step-primary:hover{background:#19b8aa29}.onboarding-step-number{background:var(--primary-accent-glow);width:28px;height:28px;color:var(--primary-accent);border:1px solid #19b8aa61;border-radius:50%;flex:0 0 28px;place-items:center;font-size:12px;font-weight:750;display:grid}.onboarding-step-copy{gap:4px;min-width:0;display:grid}.onboarding-step-copy strong{font-size:12px;line-height:1.35}.onboarding-step-copy>span{color:var(--text-sub);font-size:10.5px;line-height:1.4}.onboarding-step-arrow{color:var(--primary-accent);margin-left:auto;font-size:18px}.onboarding-storage-notice{color:var(--status-soon-text);margin:14px 0 0;font-size:12px;line-height:1.5}.guided-tour-highlight{z-index:1001;outline-offset:4px;border-radius:8px;position:relative;outline:3px solid var(--primary-accent)!important;box-shadow:0 0 0 8px #19b8aa2e, var(--shadow-card)!important}.guided-tour-backdrop{z-index:1100;background:#0308108f;place-items:end center;padding:24px;display:grid;position:fixed;inset:0}.guided-tour-dialog{width:min(100%,560px);box-shadow:var(--shadow-modal);background:#172638;border:1px solid #19b8aa80;border-radius:15px;padding:24px;position:relative}.guided-tour-progress-row,.guided-tour-actions,.guided-tour-actions>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.guided-tour-progress-row>p:last-child{color:var(--text-sub);margin:0;font-size:12px}.guided-tour-dialog h2{margin:0 30px 8px 0;font-size:22px}.guided-tour-dialog>p{color:var(--text-sub);line-height:1.6}.guided-tour-target-note{background:var(--bg-card-subtle);border-radius:8px;padding:10px 12px;font-size:12px}.guided-tour-actions{margin-top:18px}.guided-tour-close{width:36px;height:36px;color:var(--text-sub);border-radius:8px;font-size:24px;position:absolute;top:12px;right:14px}.guided-tour-close:hover{background:var(--bg-hover);color:var(--text-main)}.help-centre,.demo-experience{gap:16px;display:grid}.help-intro,.help-article,.demo-heading,.demo-controls,.demo-form,.demo-record{padding:20px}.help-guide-download{width:fit-content;margin:0 0 16px;text-decoration:none;display:inline-flex}.help-intro h2,.demo-heading h2{margin:0 0 6px;font-size:23px}.help-intro>p:not(.onboarding-eyebrow),.demo-heading>p:last-child{color:var(--text-sub);margin:0 0 16px;line-height:1.55}.help-search-label{color:var(--text-main);margin-bottom:7px;font-size:12px;font-weight:650;display:block}.help-articles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.help-article h3,.demo-record h3{margin:0 0 8px;font-size:16px}.help-article p,.help-article li{color:var(--text-sub);font-size:13px;line-height:1.55}.help-article ol{padding-left:21px}.help-no-results{color:var(--text-sub);padding:20px}.demo-banner{background:#19b8aa14;border:1px solid #19b8aa6b;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;display:flex}.demo-banner p{color:var(--text-sub);flex:1;margin:0;font-size:13px;line-height:1.5}.demo-badge{background:var(--primary-accent-glow);color:var(--primary-accent);letter-spacing:.05em;border-radius:999px;flex:none;padding:6px 9px;font-size:11px;font-weight:750}.demo-controls{grid-template-columns:minmax(0,1fr) minmax(180px,.7fr) auto;align-items:end;gap:14px;display:grid}.demo-form{gap:14px;display:grid}.demo-form h3{margin:0}.demo-records{gap:12px;display:grid}.demo-record{justify-content:space-between;align-items:center;gap:18px;display:flex}.demo-record dl{gap:20px;margin:0;display:flex}.demo-record dt{color:var(--text-sub);font-size:11px}.demo-record dd{margin:3px 0 0;font-size:12px}.demo-message{color:var(--status-current-text)}.status-dot.demo{background:var(--primary-accent)}.settings-onboarding-return{justify-content:space-between;align-items:center;gap:12px;padding:0 2px;display:flex}.settings-onboarding-return p{color:var(--text-sub);margin:0;font-size:12px}.card-heading{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.card-heading h3{color:var(--text-main);letter-spacing:-.2px;margin:0 0 2px;font-size:14.5px;font-weight:650}.card-heading p{color:var(--text-sub);margin:0;font-size:11.5px}.deadline-metrics{flex-direction:column;gap:11px;display:flex}.horizon-item{flex-direction:column;gap:4px;display:flex}.horizon-header{justify-content:space-between;align-items:center;font-size:12px;display:flex}.horizon-title-group{align-items:baseline;gap:8px;display:flex}.horizon-name{color:var(--text-main);font-weight:600}.horizon-sub{color:var(--text-muted);font-size:10.5px}.horizon-count{font-size:12.5px;font-weight:700}.count-amber{color:var(--status-soon-text)}.count-teal{color:var(--primary-accent)}.count-blue{color:#60a5fa}.horizon-bar-track{background:var(--bg-hover);border-radius:3px;height:5px;overflow:hidden}.horizon-bar-fill{border-radius:3px;height:100%;transition:width .3s}.fill-amber{background:var(--status-soon-text)}.fill-teal{background:var(--primary-accent)}.fill-blue{background:#60a5fa}.upcoming-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.upcoming-item{background:var(--bg-card-subtle);border:1px solid #ffffff0a;border-radius:9px;justify-content:space-between;align-items:center;min-height:49px;padding:8px 11px;display:flex}.upcoming-main{flex-direction:column;gap:1px;min-width:0;display:flex}.upcoming-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.upcoming-meta{color:var(--text-sub);font-size:11px}.upcoming-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.upcoming-date{color:var(--text-sub);font-size:11.5px}.status-tag{white-space:nowrap;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:650}.status-tag.expired{background:var(--status-expired-bg);color:var(--status-expired-text);border:1px solid var(--status-expired-border)}.status-tag.due-soon{background:var(--status-soon-bg);color:var(--status-soon-text);border:1px solid var(--status-soon-border)}.status-tag.up-to-date{background:var(--status-current-bg);color:var(--status-current-text);border:1px solid var(--status-current-border)}.empty-compact{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:20px 14px;font-size:12px;display:flex}.empty-compact-icon{color:var(--text-muted);opacity:.6}.register-card{border-radius:13px;min-width:0;overflow:hidden}.register-heading{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;padding:19px 21px;display:flex}.register-title-area{min-width:0}.register-badge-group{align-items:center;gap:8px;display:flex}.register-heading h2{color:var(--text-main);letter-spacing:-.2px;margin:0;font-size:16px;font-weight:700}.count-pill{background:var(--bg-hover);color:var(--text-sub);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600}.register-heading p{color:var(--text-sub);margin:2px 0 0;font-size:12px}.register-toolbar{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(220px,2fr) repeat(5,minmax(115px,1fr)) auto;align-items:end;gap:10px;padding:14px 20px 12px;display:grid}.register-filter{gap:5px;min-width:0;display:grid}.register-filter>span{color:var(--text-muted);letter-spacing:.35px;font-size:10px;font-weight:650}.register-filter .form-input,.register-toolbar .search,.register-clear{min-height:42px}.register-toolbar .search-wrap{width:100%;min-width:0}.register-result-count{color:var(--text-muted);margin:0;padding:9px 20px 10px;font-size:11px;line-height:1.4}.search-wrap{align-items:center;width:290px;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:10px}.search{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);width:100%;min-height:40px;color:var(--text-main);border-radius:7px;padding:8px 30px 8px 34px;font-size:12.5px;transition:all .15s ease-in-out}.search::placeholder{color:var(--text-muted)}.search:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--primary-accent-glow);outline:none}.search-clear{color:var(--text-muted);border-radius:4px;padding:1px 5px;font-size:15px;position:absolute;right:8px}.search-clear:hover{color:var(--text-main)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12.5px}th{color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid var(--border-subtle);background:#0b122073;padding:12px 16px;font-size:10px;font-weight:700}td{color:var(--text-sub);vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:14px 16px}tr:hover td{background:#ffffff05}.text-right{text-align:right}.doc-cell{max-width:300px}.doc-title{color:var(--text-main);font-size:13px;font-weight:600;line-height:1.35;display:block}.doc-notes{color:var(--text-muted);overflow-wrap:anywhere;margin-top:2px;font-size:11.5px;line-height:1.3;display:block}.category-pill{background:var(--bg-hover);color:var(--text-main);border:1px solid #ffffff0d;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:550;display:inline-block}.owner-cell{color:var(--text-main);font-weight:500}.date-display{color:var(--text-main);font-weight:550;display:block}.date-relative{color:var(--text-muted);margin-top:1px;font-size:11px;display:block}.status-badge{white-space:nowrap;border:1px solid #0000;border-radius:16px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:650;display:inline-flex}.status-badge-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.status-badge.expired{background:var(--status-expired-bg);color:var(--status-expired-text);border-color:var(--status-expired-border)}.status-badge.expired .status-badge-dot{background:var(--status-expired-text)}.status-badge.due-soon{background:var(--status-soon-bg);color:var(--status-soon-text);border-color:var(--status-soon-border)}.status-badge.due-soon .status-badge-dot{background:var(--status-soon-text)}.status-badge.up-to-date{background:var(--status-current-bg);color:var(--status-current-text);border-color:var(--status-current-border)}.status-badge.up-to-date .status-badge-dot{background:var(--status-current-text)}.actions-cell{white-space:nowrap}.action-btn{border-radius:5px;min-height:32px;padding:5px 9px;font-size:11.5px;font-weight:600;transition:all .15s}.action-btn.edit{color:var(--primary-accent)}.action-btn.renew{min-height:40px;color:var(--primary-accent)}.action-btn.renew:hover,.action-btn.edit:hover{color:#5eead4;background:#19b8aa26}.action-btn.delete{color:var(--status-expired-text)}.action-btn.delete:hover{background:var(--status-expired-bg);color:#f87171}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 16px 48px;display:flex}.empty-icon-box{background:var(--bg-hover);width:44px;height:44px;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;margin-bottom:2px;display:flex}.empty-state h3{color:var(--text-main);margin:0;font-size:15px;font-weight:650}.empty-state p{color:var(--text-sub);max-width:360px;margin:0 0 8px;font-size:12.5px}.footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;font-size:11.5px;display:flex}.footer-left{align-items:center;gap:6px;display:flex}.footer-sep{opacity:.4}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#040810bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border-subtle);width:100%;max-width:480px;max-height:calc(100vh - 32px);box-shadow:var(--shadow-modal);border-radius:16px;padding:27px;overflow-y:auto}.modal:focus{outline:none}.modal-heading{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:14px;display:flex}.modal-eyebrow{letter-spacing:1.4px;color:var(--primary-accent);margin-bottom:3px;font-size:9.5px;font-weight:750}.modal-heading h2{color:var(--text-main);letter-spacing:-.2px;margin:0;font-size:17px;font-weight:700}.close-btn{color:var(--text-muted);border-radius:5px;justify-content:center;align-items:center;padding:3px;transition:all .15s;display:flex}.close-btn:hover{color:var(--text-main);background:var(--bg-hover)}.close-btn:focus-visible{outline:2px solid var(--border-focus)}.modal-form{flex-direction:column;gap:14px;display:flex}.renew-current-record{color:var(--text-main);margin:0;font-size:14px;font-weight:650}.renew-current-expiry{border:1px solid var(--border-subtle);background:var(--bg-card-subtle);color:var(--text-sub);border-radius:8px;justify-content:space-between;gap:12px;padding:11px 12px;font-size:12px;display:flex}.renew-current-expiry strong{color:var(--text-main)}.renew-helper{color:var(--text-muted);margin:-4px 0 0;font-size:11.5px;line-height:1.5}.renew-form-error{color:var(--status-expired-text);margin:0;font-size:12px;line-height:1.5}.date-entry-help{color:var(--text-muted);margin:-4px 0 0;font-size:11.5px;line-height:1.5}.form-validation-error{color:var(--status-expired-text);margin:0;font-size:12px;line-height:1.5}.renewal-message{border:1px solid var(--status-current-border);background:var(--status-current-bg);color:var(--status-current-text);border-radius:7px;margin:0 0 16px;padding:10px 14px;font-size:12.5px;line-height:1.45}.form-label{color:var(--text-sub);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.req-star{color:var(--primary-accent)}.form-row{gap:10px;display:flex}.form-label.half{flex:1;min-width:0}.form-input{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);width:100%;min-height:42px;color:var(--text-main);border-radius:7px;padding:9px 12px;font-size:13px;transition:all .15s ease-in-out;display:block}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--primary-accent-glow);outline:none}select.form-input{cursor:pointer}textarea.form-input{resize:vertical;min-height:88px;line-height:1.4}.form-actions{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:8px;margin-top:8px;padding-top:14px;display:flex}.discard-confirmation-backdrop{z-index:110;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0408109e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.discard-confirmation{border:1px solid var(--border-subtle);background:var(--bg-card);width:min(100%,420px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-modal);border-radius:14px;padding:24px;overflow-y:auto}.discard-confirmation h2{color:var(--text-main);margin:0;font-size:17px}.discard-confirmation p{color:var(--text-sub);margin:10px 0 18px;font-size:13px;line-height:1.5}.discard-confirmation .form-actions{flex-wrap:wrap}@media (width<=980px){.stats{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}}@media (width<=580px){.stats{grid-template-columns:1fr}}@media (width<=780px){.app-shell{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-subtle);gap:12px;width:100%;padding:14px}.sidebar-section:last-of-type,.sidebar-bottom,.sidebar-label{display:none}.brand{border-bottom:none;padding:0 0 8px}.nav-btn{padding:7px 9px}.main{padding:18px 14px}.topbar{flex-direction:column;align-items:flex-start;gap:14px}.topbar-actions{flex-direction:column;align-items:stretch;width:100%}.backup-action-group{justify-content:space-between;width:100%}.btn.add-btn{width:100%}.register-heading{flex-direction:column;align-items:stretch;padding:14px}.search-wrap{width:100%}.form-row{flex-direction:column;gap:14px}.footer{flex-direction:column;align-items:flex-start;gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:where(button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}.form-input:focus-visible,.search:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.nav-btn:focus-visible,.action-btn:focus-visible,.search-clear:focus-visible,.link-btn:focus-visible,.close-btn:focus-visible{outline-offset:2px}.table-wrap{overscroll-behavior-inline:contain;scrollbar-color:var(--bg-hover) transparent;scrollbar-width:thin;min-width:0;max-width:100%;overflow-x:auto}@media (width<=1100px){.app-shell{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--border-subtle);flex-flow:wrap;align-items:center;gap:12px;width:100%;height:auto;min-height:0;padding:14px clamp(18px,3vw,32px);position:static}.brand{border-bottom:0;flex:200px;padding:0}.sidebar-section:last-of-type,.sidebar-bottom,.sidebar-label{display:none}.sidebar .sidebar-section:first-of-type{flex-direction:row;flex:auto;justify-content:flex-end;gap:8px;min-width:0;display:flex}.nav-btn{width:auto;min-width:0;padding:8px 11px}.main{width:100%;max-width:none;margin:0;padding:28px clamp(18px,3vw,40px)}.topbar{flex-direction:column;align-items:stretch;gap:16px}.topbar-intro{max-width:760px}.topbar-actions{flex-wrap:wrap;align-items:center;width:100%}.backup-action-group{flex-wrap:wrap}.register-heading{flex-direction:column;align-items:stretch}.register-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.register-toolbar .search-wrap{grid-column:span 2}.register-title-area,.search-wrap{width:100%;min-width:0}.footer{flex-wrap:wrap;align-items:flex-start;gap:8px 20px;line-height:1.6}}@media (width<=780px){.sidebar{gap:8px;padding:9px 14px}.brand{flex-basis:100%;padding:0}.sidebar .sidebar-section:first-of-type{flex-basis:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.nav-btn{justify-content:flex-start;min-height:44px;padding:6px 9px}.btn,.action-btn,.register-filter .form-input,.modal .form-input,.register-toolbar .search,.register-clear{min-height:44px}.link-btn{align-items:center;min-height:44px;display:inline-flex}select.form-input{height:44px;min-height:44px}.close-btn{min-width:44px;min-height:44px}.search{padding-right:48px}.search-clear{place-items:center;width:44px;min-height:44px;display:grid;top:50%;right:0;transform:translateY(-50%)}.main{padding:24px 18px}.topbar{padding-bottom:18px}.topbar-actions{flex-direction:column;align-items:stretch}.backup-action-group{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.btn.add-btn{width:100%}.table-wrap{width:100%;max-width:100%;display:block;overflow:visible}.table-wrap table{border-collapse:separate;border-spacing:0;width:100%;min-width:0;display:block}.table-wrap thead{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.table-wrap tbody{gap:12px;padding:0 14px 14px;display:grid}.table-wrap tr{border:1px solid var(--border-subtle);background:var(--bg-card-subtle);border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid;overflow:hidden}.table-wrap td{overflow-wrap:anywhere;white-space:normal;min-width:0;padding:10px 12px;display:block}.table-wrap td:before{color:var(--text-muted);content:attr(data-label);letter-spacing:.35px;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:650;line-height:1.3;display:block}.table-wrap td:first-child{order:1;grid-column:1/-1}.table-wrap td:nth-child(4){order:2}.table-wrap td:nth-child(5){order:3}.table-wrap td:nth-child(2){order:4}.table-wrap td:nth-child(3){order:5}.table-wrap td:nth-child(6){order:6;grid-column:1/-1}.table-wrap .doc-cell,.table-wrap .actions-cell{border-bottom:1px solid var(--border-subtle)}.table-wrap .doc-title,.table-wrap .doc-notes,.table-wrap .owner-cell{overflow-wrap:anywhere;white-space:normal}.table-wrap .category-pill,.table-wrap .status-badge{white-space:normal;max-width:100%}.table-wrap .actions-cell{text-align:left;flex-wrap:wrap;justify-content:flex-start;gap:6px;display:flex}.table-wrap .actions-cell:before{flex:0 0 100%}.table-wrap .action-btn{min-width:68px;min-height:44px;padding:7px 10px}.table-wrap tr:hover td{background:0 0}.register-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));padding:13px 14px 11px}.register-toolbar .search-wrap{grid-column:1/-1}.register-result-count{padding-left:14px;padding-right:14px}.footer{flex-direction:column}}@media (width<=580px){.sidebar{padding:8px 12px}.main{padding:20px 14px}.topbar{gap:16px}.topbar h1{font-size:clamp(24px,7vw,29px)}.topbar-desc{max-width:38ch;line-height:1.55}.backup-action-group .btn{min-width:0;padding-inline:7px;font-size:11.5px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{min-width:0;padding:15px 14px}.stat-header{gap:6px}.stat-label{font-size:11px}.stat-caption{line-height:1.45}.overview-card{min-width:0;padding:17px 15px}.horizon-title-group{flex-direction:column;align-items:flex-start;gap:1px}.upcoming-item{align-items:flex-start;gap:8px}.upcoming-right{flex-direction:column;align-items:flex-end;gap:4px}.register-heading{padding:16px 14px}.register-toolbar{gap:9px}.register-toolbar .register-clear{grid-column:1/-1}.register-title-area>p{line-height:1.5}.modal{padding:21px}.footer-left{flex-wrap:wrap;line-height:1.7}}@media (width<=420px){.stats{grid-template-columns:minmax(0,1fr)}.footer-left{grid-template-columns:repeat(2,max-content);gap:4px 8px;display:grid}.footer-sep{display:none}.topbar-actions,.backup-action-group{width:100%}.register-badge-group{flex-wrap:wrap}}.alerts-centre,.reminder-settings{min-width:0}.alerts-toolbar{border-radius:13px;justify-content:space-between;align-items:flex-end;gap:20px;padding:20px;display:flex}.alerts-toolbar h2,.reminder-settings h2{color:var(--text-main);letter-spacing:-.25px;margin:0 0 5px;font-size:17px}.alerts-toolbar p,.reminder-settings .card-heading p{color:var(--text-sub);margin:0;font-size:12.5px;line-height:1.5}.owner-filter{width:min(100%,260px);color:var(--text-sub);flex-direction:column;flex-shrink:0;gap:6px;font-size:11.5px;font-weight:600;display:flex}.owner-filter .form-input{min-height:39px}.alert-filters{scrollbar-width:thin;gap:7px;padding:16px 1px 12px;display:flex;overflow-x:auto}.alert-filter{border:1px solid var(--border-subtle);background:var(--bg-card);min-height:34px;color:var(--text-sub);white-space:nowrap;border-radius:8px;flex:none;padding:7px 11px;font-size:11.5px;font-weight:600}.alert-filter:hover,.alert-filter.active{background:var(--bg-active);color:var(--primary-accent);border-color:#19b8aa66}.alert-list{flex-direction:column;gap:11px;display:flex}.alert-card{border-left:3px solid var(--primary-accent);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:18px;padding:17px 19px;display:flex}.alert-card.expired{border-left-color:var(--status-expired-text)}.alert-card.due-soon{border-left-color:var(--status-soon-text)}.alert-card-main{flex:1;min-width:0}.alert-card-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.alert-card-title h3{color:var(--text-main);overflow-wrap:anywhere;margin:0 0 7px;font-size:14px;line-height:1.4}.alert-details{flex-wrap:wrap;gap:8px 24px;margin:13px 0 0;display:flex}.alert-details div{min-width:112px}.alert-details dt{color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:700}.alert-details dd{color:var(--text-sub);overflow-wrap:anywhere;margin:0;font-size:12px}.owner-unassigned{color:var(--status-soon-text)}.alert-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:4px;max-width:360px;display:flex}.snooze-actions{flex-wrap:wrap;display:inline-flex}.snooze-actions .action-btn{color:var(--text-sub)}.snooze-actions .action-btn:hover{background:var(--bg-hover);color:var(--text-main)}.alert-empty{text-align:center;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:230px;padding:28px;display:flex}.alert-empty .empty-icon-box{color:var(--primary-accent);background:var(--status-current-bg);margin:0 0 2px}.alert-empty h3{color:var(--text-main);margin:0;font-size:15px}.alert-empty p{max-width:420px;color:var(--text-sub);margin:0;font-size:12.5px;line-height:1.55}.reminder-settings{border-radius:13px;padding:22px}.settings-layout{gap:18px;display:grid}.backup-settings{border-radius:13px;min-width:0;padding:22px}.backup-settings h2{color:var(--text-main);letter-spacing:-.25px;margin:0;font-size:17px}.backup-guidance{gap:8px;margin-top:12px;display:grid}.backup-guidance p{color:var(--text-sub);margin:0;font-size:12.5px;line-height:1.6}.backup-settings .backup-action-group{width:fit-content;margin-top:16px}.reminder-settings .card-heading{margin-bottom:18px}.business-profile-section{border-radius:13px;min-width:0;padding:22px}.business-profile-section .card-heading{margin-bottom:14px}.business-profile-intro,.business-profile-warning{margin:0 0 14px;font-size:12px;line-height:1.55}.business-profile-intro{color:var(--text-sub)}.business-profile-warning{border:1px solid var(--status-soon-border);background:var(--status-soon-bg);color:var(--status-soon-text);border-radius:8px;padding:11px 13px}.business-profile-form{gap:12px;display:grid}.business-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.business-profile-field{min-width:0}.business-profile-field.full-width{grid-column:1/-1}.business-profile-field-error{color:var(--status-expired-text);font-size:11.5px;font-weight:500}.business-profile-feedback,.business-profile-unsaved{margin:0;font-size:12px;line-height:1.5}.business-profile-feedback.error{color:var(--status-expired-text)}.business-profile-feedback.success{color:var(--status-current-text)}.business-profile-unsaved{color:var(--status-soon-text)}.business-profile-actions{margin-top:0}.business-profile-disclaimer{margin-top:14px}.reminder-recovery{border:1px solid var(--status-soon-border);background:var(--status-soon-bg);border-radius:9px;gap:10px;margin-top:16px;padding:14px;display:grid}.reminder-recovery h3,.reminder-recovery p{margin:0}.reminder-recovery h3{color:var(--status-soon-text);font-size:13px}.reminder-recovery p,.reminder-recovery-action>span{color:var(--text-sub);font-size:12px;line-height:1.5}.reminder-recovery-action{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.threshold-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.threshold-option{border:1px solid var(--border-subtle);background:var(--bg-card-subtle);min-height:48px;color:var(--text-main);cursor:pointer;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:12.5px;display:flex}.threshold-option input{width:16px;height:16px;accent-color:var(--primary-accent);margin:0}.reminder-disclaimer{border:1px solid var(--border-subtle);color:var(--text-sub);background:#0b122059;border-radius:8px;margin:17px 0 0;padding:12px 14px;font-size:12px;line-height:1.6}.reminder-warning{margin-bottom:16px}.optional-label{color:var(--text-muted);font-size:11px;font-weight:500}@media (width<=780px){.onboarding-steps{grid-template-columns:minmax(0,1fr)}.onboarding-step{min-height:68px}.alerts-toolbar{flex-direction:column;align-items:stretch;gap:14px;padding:17px}.owner-filter{width:100%}.reminder-recovery-action{flex-direction:column;align-items:stretch}.business-profile-grid{grid-template-columns:minmax(0,1fr)}.business-profile-field.full-width{grid-column:auto}.alert-card{flex-direction:column}.alert-card-title{flex-wrap:wrap}.alert-actions{justify-content:flex-start;max-width:none}.help-articles,.demo-controls{grid-template-columns:minmax(0,1fr)}.demo-banner,.demo-record{flex-direction:column;align-items:stretch}.demo-record dl{flex-wrap:wrap}.guided-tour-backdrop{align-items:end;padding:12px}.guided-tour-dialog{padding:20px 16px}.guided-tour-actions{flex-direction:column-reverse;align-items:stretch}.guided-tour-actions>div{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=580px){.onboarding-card{padding:17px 15px}.onboarding-heading{flex-direction:column}.settings-onboarding-return{flex-direction:column;align-items:flex-start}.threshold-options{grid-template-columns:minmax(0,1fr)}.reminder-settings,.backup-settings{padding:17px 15px}.backup-settings .backup-action-group{width:100%}.business-profile-section{padding:17px 15px}.alert-card{padding:15px}.alert-details{gap:10px 16px}}.deadline-summary{width:100%;min-width:0;font:inherit;text-align:left;color:var(--text-main);cursor:pointer}.deadline-summary:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}.deadline-summary-note,.deadline-filter-note{color:var(--text-sub);font-size:12px;line-height:1.6}.deadline-summary-note{margin:0 0 12px}.deadline-review,.deadline-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;padding:14px;display:flex}.deadline-review{margin-bottom:16px}.deadline-filter-bar>label{flex:0 240px;min-width:0;max-width:100%}.deadline-filter-note{flex:240px;margin:0}.attention-heading{flex-wrap:wrap}.attention-heading h2{margin:0;font-size:16px}.attention-heading .link-btn{white-space:normal;text-align:left}.attention-count{color:var(--text-sub);margin:0 0 8px;font-size:12px}.attention-list{margin:0;padding:0;list-style:none}.attention-item{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.attention-details{overflow-wrap:anywhere;min-width:0;color:var(--text-sub);flex-direction:column;flex:180px;align-items:flex-start;gap:4px;font-size:12px;display:flex}.attention-title{color:var(--text-main);font-size:14px}.attention-actions{flex-wrap:wrap;gap:8px;display:flex}.attention-actions .btn{min-height:44px}.date-entry-controls{grid-template-columns:minmax(0,1fr) 52px;gap:8px;width:100%;min-width:0;display:grid}.date-entry-controls .date-entry-calendar{color:#0000;cursor:pointer;width:52px;min-width:0;min-height:44px;padding:8px}.date-entry-controls .date-entry-calendar::-webkit-datetime-edit{display:none}.date-entry-controls .date-entry-calendar::-webkit-calendar-picker-indicator{cursor:pointer;margin:0 auto}.date-entry-controls .date-entry-calendar:focus-visible{outline:3px solid var(--primary-accent);outline-offset:3px}.vault-dev-shell{color:#e8f1f5;background:#0b1220;min-height:100vh}.vault-dev-header{z-index:120;background:#172638;border-bottom:1px solid #43566a;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;padding:14px 24px;display:grid;position:sticky;top:0;box-shadow:0 3px 14px #0005}.vault-dev-heading{gap:4px;min-width:0;display:grid}.vault-dev-heading strong{color:#e8f1f5;font-size:16px}.vault-dev-heading span{color:#b7c9d8;font-size:13px;line-height:1.5}.vault-dev-lock,.vault-dev-form button{color:#08151e;background:#19b8aa;border:1px solid #5eead4;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:700}.vault-dev-lock{white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.vault-dev-lock:hover,.vault-dev-form button:hover{background:#5eead4}.vault-dev-shell button:focus-visible,.vault-dev-form input:focus-visible{outline-offset:3px;outline:3px solid #e8f1f5}.vault-dev-panel{background:#172638;border:1px solid #43566a;border-radius:14px;width:min(100% - 32px,560px);margin:40px auto;padding:28px}.vault-dev-panel h1{color:#e8f1f5;margin:0 0 16px;font-size:clamp(24px,5vw,32px)}.vault-dev-panel p{color:#b7c9d8;overflow-wrap:anywhere;line-height:1.6}.vault-dev-form{gap:20px;margin-top:24px;display:grid}.vault-dev-form label{color:#e8f1f5;gap:8px;font-weight:600;display:grid}.vault-dev-form input{color:#e8f1f5;background:#0b1220;border:1px solid #829ab0;border-radius:8px;width:100%;min-width:0;min-height:48px;padding:12px}.vault-dev-form button:disabled{cursor:wait;opacity:.7}.vault-dev-shell .vault-dev-warning{color:#fff0b3;background:#302719;border:1px solid #fcd34d;border-radius:8px;grid-column:1/-1;margin:0;padding:12px;line-height:1.5}.vault-dev-notice{color:#e8f1f5;grid-column:1/-1;margin:0;line-height:1.5}.vault-dev-app{border:0;min-width:0;margin:0;padding:0}@media (width<=480px){.vault-dev-header{gap:8px;padding:12px}.vault-dev-heading strong{font-size:14px}.vault-dev-heading span{font-size:12px}.vault-dev-lock{padding:10px 12px}.vault-dev-panel{margin:24px auto;padding:20px}}.vault-dev-backup{color:#e8f1f5;background:#172638;border:1px solid #43566a;border-radius:10px;margin:16px;padding:16px}.vault-dev-backup>button,.vault-dev-backup div>button{color:#e8f1f5;background:#172638;border:1px solid #5eead4;border-radius:8px;min-height:44px;margin:4px 12px 4px 0;padding:8px 14px}.vault-dev-backup .vault-dev-form{max-width:560px}