:root{--accent:#020065;--accent-dark:#01003f;--accent-soft:#eef0ff;--ink:#1b1d29;--muted:#6b7280;--line:#e5e7eb;--bg:#f5f6fa;--white:#fff}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;flex:0 0 250px;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem;border-right:1px solid #e0e0e0;background:var(--white);position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:1rem;padding:0;margin-bottom:2rem}.sidebar-logo{width:40px;height:40px;flex:0 0 40px}.sidebar-logo img{width:100%;height:100%;object-fit:contain}.logo-text-container{min-width:0;flex:1 1}.logo-text{font-size:.875rem;font-weight:600}.logo-subtext,.logo-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-subtext{margin-top:.2rem;font-size:.75rem;color:#666}.nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:#333;font-size:.9rem;font-weight:400;transition:background .15s,color .15s}.nav-item:hover{background:#f5f5f5}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.logout{width:100%;margin-top:auto;display:flex;align-items:center;gap:.5rem;padding:0;border:0;background:transparent;color:#666;font-size:.9rem;cursor:pointer}.logout:hover{color:var(--ink)}.main{flex:1 1;min-width:0}.main-inner{padding:2rem}.page-header{justify-content:space-between;margin-bottom:2rem}.page-header,.page-header h1{display:flex;align-items:center}.page-header h1{gap:.5rem;margin:0;font-size:1.5rem;font-weight:600}.page-header h1 svg{width:24px;height:24px;color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.25rem;border:0;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s}.btn-primary{background:var(--accent);color:var(--white)}.btn-primary:hover{background:#3a4dd8}.btn-secondary{background:var(--bg);border:1px solid var(--line);color:var(--ink)}.btn-secondary:hover{background:var(--line)}.btn-danger{background:#fff1f2;color:#b91c1c;border:1px solid #fecdd3}.btn-danger:hover{background:#ffe4e6}.btn:disabled{opacity:.65;cursor:not-allowed}.button-spinner{flex-shrink:0;animation:button-spin 1s linear infinite}@keyframes button-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.button-spinner{animation:none}}.input,.select,.textarea{min-height:38px;border:1px solid var(--line);border-radius:6px;padding:.5rem .75rem;font-size:.875rem;width:100%;background:var(--white);color:var(--ink)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#333}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem .75rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.875rem;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent)}.form-textarea{resize:vertical;font-family:inherit;min-height:100px}.input-wrap{display:flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:6px;padding:0 .75rem;background:var(--white)}.input-wrap svg{color:var(--muted);flex:0 0 auto}.input-wrap input{border:0;padding:.625rem 0;flex:1 1;background:transparent}.input-wrap input:focus{outline:none}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--white);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.stat-icon{width:60px;height:60px;flex:0 0 60px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.stat-card strong{display:block;font-size:2rem;font-weight:700;line-height:1.1}.stat-label{display:block;font-size:.875rem;color:var(--muted)}.panel-card{background:var(--white);border-radius:12px;padding:2rem;box-shadow:0 1px 3px rgba(0,0,0,.06)}.panel-card.table-wrap{padding:0;overflow-x:auto}.card-heading h2{margin:0;font-size:1.25rem;font-weight:600}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f9fafb;border-bottom:1px solid var(--line)}.data-table th{padding:1rem;text-align:left;color:var(--muted);font-size:.875rem;font-weight:600}.data-table td{padding:.75rem 1rem;color:var(--ink);font-size:.875rem;border-bottom:1px solid #f0f0f0}.data-table tr:hover td{background:#f9fafb}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--accent-soft);color:var(--accent)}.badge.muted{background:var(--bg);color:var(--muted)}.empty-state{text-align:center;padding:3rem 2rem;color:var(--muted)}.empty-state h3{font-size:1rem;font-weight:600;color:var(--ink)}.empty-state p{font-size:.875rem}.form-error{color:#b91c1c;font-size:.8rem;margin:0}.filters{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.modal-backdrop{position:fixed;inset:0;background:rgba(2,0,101,.35);display:grid;place-items:center;z-index:50}.modal{width:min(100%,460px);background:var(--white);border-radius:12px;padding:1.75rem;box-shadow:0 24px 60px rgba(0,0,0,.2)}.modal h2{margin:0 0 .5rem;font-size:1.15rem;font-weight:600}.modal p{margin:0 0 1.25rem;font-size:.85rem;color:var(--muted)}.modal form{gap:1rem}.modal form,.modal label{display:flex;flex-direction:column}.modal label{gap:.4rem;font-size:.8rem;font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.checkbox-list{display:flex;flex-direction:column;gap:.5rem;max-height:180px;overflow-y:auto;border:1px solid var(--line);border-radius:6px;padding:.75rem}.checkbox-list label{flex-direction:row;align-items:center;gap:.5rem;font-weight:400}.key-reveal{background:var(--accent-soft);border:1px dashed var(--accent);border-radius:8px;padding:.75rem 1rem;font-family:monospace;font-size:.8rem;word-break:break-all;margin-bottom:1rem}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 15%,rgba(2,0,101,.12),transparent 34%),radial-gradient(circle at 85% 80%,rgba(2,0,101,.08),transparent 30%),#f4f5fb}.section-item{position:relative;min-width:0;border:1px solid var(--line);border-radius:8px}.section-item-summary{display:flex;align-items:center;gap:.75rem;padding:.75rem 3.75rem .75rem 1rem;cursor:pointer;list-style:none;border-radius:8px}.section-item-summary::-webkit-details-marker{display:none}.section-item-summary:before{content:"›";color:var(--muted);transition:transform .15s}.section-item details[open]>summary:before{transform:rotate(90deg)}.section-item-summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.section-item-heading{min-width:0;flex:1 1;font-size:.875rem}.section-item-heading strong{display:block;overflow-wrap:anywhere}.section-item-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.8rem;margin-top:.2rem}.section-item details[open] .section-item-preview{display:none}.section-item-content{padding:0 1rem 1rem;overflow-wrap:anywhere}.section-item-delete{position:absolute;right:.75rem;top:.75rem;padding:.3rem .5rem}.login-card{width:min(100%,430px);padding:2.25rem;background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(2,0,101,.12)}.login-brand{display:flex;align-items:center;gap:.9rem;margin-bottom:2.5rem;font-size:.95rem;font-weight:600}.login-brand img{width:58px;height:58px}.brand-dot{color:var(--accent)}.login-copy{margin-bottom:1.75rem}.login-copy h1{font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.login-copy p{font-size:.9rem;line-height:1.55;color:var(--muted);margin:0}.login-form{gap:1.25rem}.login-form,.login-form label{display:flex;flex-direction:column}.login-form label{gap:.4rem;font-size:.8rem;font-weight:600;color:var(--ink)}.login-submit{justify-content:center;font-size:.9rem;font-weight:600}@media (max-width:700px){.app-shell{flex-direction:column}.sidebar{flex-basis:auto}.filters,.page-header{flex-wrap:wrap;gap:1rem}.sidebar{position:relative;width:100%;height:auto;padding:1rem}.nav{flex-direction:row;overflow-x:auto}.nav-item{white-space:nowrap}.main-inner{padding:1rem}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}