:root{--ink:#19352f;--muted:#728079;--green:#22684e;--line:#e2e8e2;--paper:#f5f6f1;--orange:#d9894a}
*{box-sizing:border-box}body{font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:14px;margin:0}a{color:var(--green);text-decoration:none}a:hover{color:#184b38}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:36px;font-weight:600;letter-spacing:-1.1px;line-height:1.2;margin-bottom:10px}h2{font-size:18px;font-weight:600;margin-bottom:6px}h3{font-size:18px;font-weight:600}p{line-height:1.65}.muted{color:var(--muted)}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--muted);margin-bottom:14px}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#fff;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;font-size:25px;font-weight:700;letter-spacing:-1px;color:var(--ink);gap:9px}.brand-symbol{display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;border-radius:10px;background:var(--green);color:#fff;font-size:27px}.brand-dot{color:var(--orange);font-size:8px;margin-left:-5px}.workspace-label{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#95a099;margin:47px 12px 15px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 13px;margin:4px 0;color:#68756e;border-radius:7px;font-size:13px;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--green);background:#eaf2e9}.nav-icon{font-size:20px;width:21px;text-align:center;line-height:1}.sidebar-bottom{margin-top:auto}.security-dot{font-size:9px;color:var(--green);border-bottom:1px solid var(--line);padding:20px 0;display:flex;gap:7px;align-items:center}.security-dot span{color:var(--muted);font-size:10px}.profile{display:flex;gap:9px;align-items:center;padding-top:20px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e6ece3;font-size:13px}.profile strong{display:block;font-size:12px;max-width:90px;overflow:hidden;text-overflow:ellipsis}.profile small{display:block;font-size:9px;color:var(--muted)}.profile form{margin-left:auto}.signout{padding:0;border:0;background:transparent;font-size:10px;color:var(--muted)}.main-content{margin-left:246px;min-height:100vh}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 40px;font-size:10px;letter-spacing:1px;color:var(--muted);background:#fafbf7}.topbar-slash{padding:0 12px;color:#a9b1aa}.topbar-date{font-size:11px;letter-spacing:0}.page-content{max-width:1600px;margin:auto;padding:40px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.page-heading p{margin-bottom:0}.btn{border-radius:6px;font-size:12px;font-weight:600;padding:11px 17px;white-space:nowrap;box-shadow:none!important}.btn-primary{background:var(--green);border-color:var(--green);color:#fff}.btn-primary:hover,.btn-primary:active{background:#174d38!important;border-color:#174d38!important}.btn-outline-secondary{border-color:#d7e0d6;color:var(--ink);background:#fff}.btn-outline-secondary:hover{background:#edf2ea;border-color:#b8c7b6;color:var(--ink)}.btn-outline-danger{border-color:#ebd4cb;color:#a64f37}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;display:block;color:var(--ink)}.stat-card:hover{border-color:#b1c5ae;color:var(--ink)}.stat-card>div{display:flex;justify-content:space-between}.stat-label{font-size:12px;font-weight:500;color:#6b7a70}.stat-arrow{color:#98a797}.stat-card strong{display:block;font-size:37px;font-weight:500;line-height:1.5;letter-spacing:-1px}.stat-card small{color:#8c988f;font-size:10px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px;border-bottom:1px solid var(--line)}.panel-heading p{font-size:11px;margin:3px 0 0}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px}.overview-side{display:flex;flex-direction:column;gap:20px}.attention-card{background:#e9eee0;border:1px solid #dce4d1;padding:25px;border-radius:10px}.attention-card strong{display:block;font-size:42px;font-weight:500;line-height:1.2;margin:15px 0}.attention-card h3{font-size:16px}.attention-card p,.quick-start p{font-size:12px;color:#69775f}.quick-start{padding:25px 10px}.quick-start h3{font-size:16px}.text-link{font-size:12px;font-weight:600}.empty-state{text-align:center;max-width:450px;margin:auto;padding:65px 28px}.empty-state p{color:var(--muted);font-size:13px;margin-bottom:24px}.empty-symbol{display:inline-grid;place-items:center;width:55px;height:55px;background:#f0f4ec;color:var(--green);font-size:28px;border-radius:14px;margin-bottom:20px}.table-responsive{overflow-x:auto}.records-table{width:100%;border-collapse:collapse;text-align:left}.records-table th{background:#fafbf8;color:#899489;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:15px 23px;border-bottom:1px solid var(--line)}.records-table td{padding:20px 23px;border-bottom:1px solid #edf0e9;font-size:12px;vertical-align:middle}.records-table tr:last-child td{border-bottom:0}.records-table td small{display:block;font-size:10px;margin-top:5px;color:#929a92}.record-name{font-size:13px;font-weight:600;color:var(--ink)}.status{display:inline-block;border-radius:4px;padding:4px 8px;background:#edf4e9;color:#48713f;font-size:10px;white-space:nowrap}.status-warn{background:#fcf0dd;color:#9b6b20}.date-cell{color:var(--muted);white-space:nowrap}.filter-bar{padding:20px 23px;border-bottom:1px solid var(--line)}.filter-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search-field{position:relative;flex:1;min-width:190px}.search-field span{position:absolute;left:12px;top:6px;font-size:24px;color:#8b988c}.search-field input{padding-left:36px}.form-control,.form-select{font-size:13px;border:1px solid #dce3da;border-radius:6px;min-height:42px;background-color:#fff;color:var(--ink);padding:10px 12px}.form-control:focus,.form-select:focus{border-color:#83a77a;box-shadow:0 0 0 3px #ecf2e8}.filter-form .form-select{width:180px}.reset-link{font-size:11px;color:var(--muted);padding:8px}.result-count{font-size:10px;color:var(--muted);padding:15px 23px}.pagination-wrap{padding:16px 23px}.pagination{display:flex;list-style:none;padding:0;margin:0;gap:5px}.pagination li a,.pagination li span{padding:5px 10px;border:1px solid var(--line);border-radius:4px;display:block;font-size:12px}.pagination .active a{background:var(--green);color:#fff}.pagination .disabled{color:#b5beb3}.form-panel{max-width:1000px;padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}.full-width{grid-column:1/-1}.form-group{margin-bottom:0}.control-label{font-size:12px;font-weight:600;margin-bottom:8px;display:block}.required>.control-label::after{content:' *';color:#bc704c}.help-block,.field-hint{font-size:11px;color:var(--muted);margin:7px 0 0;line-height:1.5}.has-error .help-block{color:#b64930}.has-error .form-control,.has-error .form-select{border-color:#cf775e}.form-actions{margin-top:30px;padding-top:25px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center}.form-actions span{margin-left:auto;font-size:10px;color:var(--muted)}.notice{padding:14px 18px;border-radius:6px;background:#eaf3e4;border:1px solid #d7e6cc;color:#37622d;margin-bottom:20px;font-size:13px}.notice-error{background:#fff0e9;border-color:#eed6c7;color:#a04b30}.notice ul{margin-bottom:0}.heading-actions{display:flex;align-items:center;gap:10px}.heading-actions form{margin:0}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.details-list{margin:0;padding:0 24px}.details-list>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid #edf0e9}.details-list>div:last-child{border:0}.details-list dt{font-size:12px;font-weight:500;color:var(--muted)}.details-list dd{font-size:13px;margin:0;overflow-wrap:anywhere;white-space:normal}.related-panel,.vault-panel{padding:24px;margin-bottom:20px}.related-title{display:flex;align-items:center;justify-content:space-between}.related-title strong{font-size:26px;font-weight:500}.related-panel p,.vault-panel p{font-size:12px}.related-actions{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.vault-panel .btn-primary{margin-top:14px}.password-output{background:#eef4e9;border:1px solid var(--line);padding:15px;border-radius:6px}.password-output[hidden]{display:none}.password-output code{display:block;overflow-wrap:anywhere;white-space:pre-wrap;color:var(--ink);margin-bottom:15px}.vault-panel .help-block{color:#b44c31}.locked{letter-spacing:1px}.guest-main{min-height:100vh;display:grid;place-items:center}.guest-main .page-content{width:100%;max-width:1250px}.login-shell{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:600px}.login-story{background:#e8eedf;padding:45px;display:flex;flex-direction:column;justify-content:space-between;gap:60px}.login-story h1{font-size:45px;line-height:1.15;margin:20px 0}.login-story p{font-size:15px;max-width:340px;color:#6b7964}.login-story .eyebrow{font-size:9px;color:#607a54}.story-line{height:1px;background:#cbd8bf;max-width:340px;margin:28px 0}.story-foot{font-size:8px;letter-spacing:1.3px;color:#6c7a65}.login-story>small{font-size:10px;color:#7c8b74}.login-card{padding:70px 55px;align-self:center}.login-card h2{font-size:25px;letter-spacing:-.6px;margin-bottom:12px}.login-card>p{font-size:13px}.login-card form{margin-top:30px}.login-card .form-group{margin-bottom:22px}.login-card .btn{margin-top:4px}.login-help{font-size:10px!important;margin:28px 0 0;color:#8b958b}.login-help code{font-size:10px;color:#778b72}.w-100{width:100%}
@media(min-width:1600px){.page-content{padding:48px}.stat-card{padding:27px}}
@media(max-width:1200px){.sidebar{width:215px}.main-content{margin-left:215px}.page-content{padding:28px}.topbar{padding:0 28px}.overview-grid{grid-template-columns:1fr}.overview-side{display:grid;grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:minmax(0,1fr) 280px}.stats-grid{gap:12px}.stat-card{padding:18px}.page-heading h1{font-size:30px}}
@media(max-width:850px){.sidebar{position:relative;width:100%;padding:18px 20px}.sidebar nav{display:flex;flex-wrap:wrap;margin-top:15px;gap:5px}.nav-link{padding:8px;font-size:11px;gap:5px;margin:0}.nav-icon{font-size:16px;width:17px}.workspace-label{display:none}.sidebar-bottom{display:block;position:absolute;top:28px;right:20px}.sidebar-bottom .security-dot,.sidebar-bottom .avatar,.sidebar-bottom .profile>div{display:none}.sidebar-bottom .profile{padding:0}.sidebar-bottom .signout{font-size:11px}.main-content{margin:0}.topbar{height:55px;padding:0 20px}.page-content{padding:24px 20px}.detail-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;min-height:0;max-width:600px;margin:auto}.login-story{padding:30px;gap:35px}.login-story h1{font-size:34px}.login-story>small,.story-line,.story-foot{display:none}.login-card{padding:35px}.stats-grid{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start}.page-heading h1{font-size:28px}.page-heading .btn{padding:10px 12px;font-size:11px}}
@media(max-width:520px){.topbar-date{display:none}.page-heading{display:block}.page-heading>.btn,.heading-actions{margin-top:18px}.form-grid{grid-template-columns:1fr}.form-panel{padding:22px}.full-width{grid-column:auto}.form-actions{flex-wrap:wrap}.form-actions span{width:100%;margin:8px 0 0}.details-list>div{grid-template-columns:110px minmax(0,1fr);gap:12px}.overview-side{grid-template-columns:1fr}.filter-form .form-select{width:100%}.search-field{flex-basis:100%}.login-card{padding:30px 24px}.guest-main .page-content{padding:15px}.login-story{padding:30px 24px}.records-table td,.records-table th{padding:15px}.records-table{min-width:600px}}