:root{--bg: #f7f9fc;--bg-accent: #eef2fb;--card: #ffffff;--muted: #6f7b95;--primary: #3c6ff0;--primary-strong: #2f5ccc;--border: #dde4f3;--danger: #ff5f5f;--text: #0f172a;--shadow: 0 18px 48px rgba(17, 24, 39, .12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 18% 20%,rgba(60,111,240,.08),transparent 32%),radial-gradient(circle at 82% 8%,rgba(151,133,255,.08),transparent 30%),linear-gradient(180deg,#fbfcff,#f2f5ff);color:var(--text);min-height:100vh}.app-shell{position:relative;min-height:100vh;padding:48px 20px 80px;display:flex;align-items:flex-start;justify-content:center}.background-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(60,111,240,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(60,111,240,.06) 1px,transparent 1px);background-size:120px 120px;opacity:.4;pointer-events:none;filter:blur(.4px)}.auth-card{width:min(460px,90vw);background:var(--card);border:1px solid var(--border);border-radius:18px;padding:32px;z-index:1}.auth-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.auth-form label,.modal label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:14px}.auth-form input,.modal input,.modal textarea,.lock-form input{padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;color:var(--text);outline:none}.auth-form input:focus,.modal input:focus,.modal textarea:focus,.lock-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #30e0a11f}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-switch{margin-top:16px;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.switch-buttons{display:flex;gap:8px}button.small{padding:7px 10px;font-size:13px}.alert-note{font-size:12px;color:#d97706;background:#d9770614;border:1px solid rgba(217,119,6,.3);padding:8px 10px;border-radius:10px}button{border:none;cursor:pointer;border-radius:12px;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}button.primary{background:linear-gradient(135deg,#3c6ff0,#7f8cff);color:#f8fbff;padding:12px 16px}.profile-chip{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;border:1px solid var(--border);color:#f8fbff;background:#f4f6fb}.avatar-circle{font-size:18px}button.ghost{background:#f4f6fb;color:var(--text);padding:10px 14px;border:1px solid var(--border)}button.danger{background:#ff5f5f1f;color:#b42323;padding:10px 14px;border:1px solid rgba(255,95,95,.4)}button.icon{background:transparent;border:none;color:var(--muted);padding:6px}button.icon-lg{font-size:22px;padding:4px 8px;color:var(--text)}button.ghost-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#f4f6fb;color:var(--text);padding:10px 12px;border-radius:12px;border:1px solid var(--border);min-width:40px}button.danger-pill{display:inline-flex;align-items:center;justify-content:center;background:#ff5f5f1f;color:#b42323;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,95,95,.4);min-width:40px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}button:active{transform:translateY(1px)}.form-error,.banner.error{color:#ffc5c5;background:#ff5f5f1a;border:1px solid rgba(255,95,95,.3);padding:10px 12px;border-radius:12px}.banner.success{color:#0f5132;background:#30e0a11f;border:1px solid rgba(48,224,161,.4)}.banner.compact{padding:10px 12px}.loading{color:var(--muted);padding:20px 0}.dashboard{width:min(1100px,96vw);z-index:1;display:flex;flex-direction:column;gap:20px}.dashboard-content{display:flex;flex-direction:column;gap:20px}.dashboard-content.blurred{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:16px}.top-bar h1{margin:4px 0 6px}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.muted{color:var(--muted)}.actions-stack{display:flex;gap:10px;align-items:center}.logo-text{font-size:22px;font-weight:700;letter-spacing:.4px}.logo-inline{display:inline-flex;align-items:center;gap:4px}.logo-inline img{height:30px;width:30px}.logo-inline span{font-weight:700;letter-spacing:.3px;font-size:19px}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.filter-card{background:var(--card);border-radius:14px;padding:14px 16px}.filter-card input{width:100%;margin-top:6px;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#00000005;color:var(--text);outline:none}.filter-card input:focus{border-color:var(--primary)}.metric-label{color:var(--muted);font-size:13px}.table-card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.table-header{padding:16px 18px 8px;display:flex;justify-content:space-between;align-items:center}.table-header.with-filters{flex-direction:column;align-items:stretch;gap:12px}.table-wrapper{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 18px;text-align:left;border-top:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:13px}.value-cell{display:flex;align-items:center;gap:10px;justify-content:space-between;min-width:0}.name-cell{font-weight:600}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tag{background:#3c6ff014;border:1px solid rgba(60,111,240,.2);padding:4px 8px;border-radius:10px;color:var(--primary);font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions-col{width:220px}.name-col{width:22%}.value-col{width:70%}.empty{text-align:center;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:12px;z-index:10}.modal{width:min(540px,95vw);background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:0 18px 18px}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header button.icon{font-size:28px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:#606267;border-radius:10px}.modal-header.compact{padding-bottom:6px;margin-bottom:4px}.modal-body{display:flex;flex-direction:column;gap:16px;padding-top:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions.right{justify-content:flex-end}.profile-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;margin-top:12px;box-shadow:var(--shadow)}.profile-header h3{margin:2px 0}.profile-form{display:flex;flex-direction:column;gap:14px;margin-top:6px}.two-col,.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.profile-card label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:14px}.profile-card input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#00000005;color:var(--text);outline:none}.profile-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #30e0a11f}.profile-grid.vertical{display:flex;flex-direction:column;gap:12px;width:60%}.profile-actions{display:flex;justify-content:flex-end}.danger-zone{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.lock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a193759;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:20}.lock-card{width:min(420px,90vw);background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:24px;text-align:center}.lock-title{font-size:22px;margin-bottom:6px}.lock-form{margin-top:14px;display:flex;flex-direction:column;gap:12px}.lock-actions{display:flex;gap:10px;justify-content:center}.notes-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.notes-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.note-list{display:flex;flex-direction:column;gap:12px}.note-row{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:#ffffffb3}.note-row-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.note-title{font-weight:700;font-size:16px;color:var(--muted)}.note-subtitle{color:var(--muted);font-size:12px}.note-body{margin-top:8px;white-space:pre-wrap;line-height:1.5;max-height:240px;overflow-y:auto;overflow-x:hidden;word-break:break-word}.richtext-field{display:flex;flex-direction:column;gap:8px}.richtext-toolbar{display:flex;gap:6px}.richtext-toolbar button{background:#f4f6fb;border:1px solid var(--border);padding:6px 10px;border-radius:8px}.richtext-editor{min-height:140px;max-height:320px;border:1px solid var(--border);border-radius:10px;padding:12px;background:#fff9;outline:none;overflow-y:auto;overflow-x:hidden;word-break:break-word}.richtext-editor:focus{border-color:var(--primary);box-shadow:0 0 0 3px #30e0a11f}.richtext-editor:empty:before{content:attr(placeholder);color:var(--muted);pointer-events:none}.note-actions{display:flex;gap:8px;flex-wrap:wrap}.empty-card{border:1px dashed var(--border);background:#fff9;border-radius:12px;padding:14px;text-align:center}.section-title{font-weight:700}.banner{padding:12px 14px;border-radius:12px}@media (max-width: 720px){.top-bar{flex-direction:column}.actions-stack{width:100%;justify-content:flex-start;flex-wrap:wrap}th,td{font-size:14px}.actions-col{width:100%}}