*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}html{background:#f5f7fa}body{color:#18212f;background:#f5f7fa;padding-bottom:46px;font-family:Arial,Helvetica,sans-serif;transition:background-color .2s,color .2s}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.sensitive-text{max-width:100%;color:inherit;text-align:inherit;background:0 0;border:0;padding:0;display:inline}.sensitive-text:not(.revealed){filter:blur(6px);-webkit-user-select:none;user-select:none}.sensitive-text:not(.revealed):hover{filter:blur(4px)}.sensitive-text.revealed{filter:none}.sensitive-text:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #2563eb}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#111827;padding:24px 18px}.brand{margin-bottom:28px;font-size:20px;font-weight:700}.nav{gap:8px;display:grid}.nav a{color:#d1d5db;border-radius:8px;padding:11px 12px}.nav a:hover{color:#fff;background:#1f2937}.content{width:100%;max-width:1400px;margin:0 auto;padding:30px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.muted{color:#667085}.card{background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:20px}.grid{gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #eaecf0;padding:12px 10px}.button{color:#fff;background:#111827;border:0;border-radius:8px;padding:10px 14px}.button.secondary{color:#111827;background:#fff;border:1px solid #d0d5dd}.button.danger{background:#b42318}.input{color:#18212f;background:#fff;border:1px solid #d0d5dd;border-radius:8px;width:100%;padding:10px 12px}.form{gap:14px;display:grid}.form label{gap:6px;font-size:14px;font-weight:600;display:grid}.actions{flex-wrap:wrap;gap:8px;display:flex}.alert{color:#912018;background:#fef3f2;border-radius:8px;padding:12px 14px}.theme-toggle{z-index:1000;color:#18212f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #d0d5dd;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;display:inline-flex;position:fixed;top:18px;right:20px;box-shadow:0 4px 12px #10182814}.theme-toggle:hover{transform:translateY(-1px)}.feedback-button{z-index:1200;color:#111827;background:#fffffff5;border:1px solid #d0d5dd;border-radius:999px;padding:10px 14px;position:fixed;bottom:18px;left:18px;box-shadow:0 6px 18px #1018281f}.feedback-panel{z-index:1201;width:min(390px,100vw - 36px);position:fixed;bottom:68px;left:18px;box-shadow:0 16px 36px #1018282e}.feedback-textarea{resize:vertical;min-height:110px}.app-footer{z-index:1100;color:#667085;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f7faf0;border-top:1px solid #e4e7ec;justify-content:center;align-items:center;height:34px;font-size:12px;display:flex;position:fixed;bottom:0;left:0;right:0}html[data-theme=dark]{background:#0b1220}html[data-theme=dark] body{color:#e5e7eb;background:#0b1220}html[data-theme=dark] .sidebar{background:#080d18}html[data-theme=dark] .nav a{color:#b9c2d0}html[data-theme=dark] .nav a:hover{color:#fff;background:#182234}html[data-theme=dark] .muted{color:#98a2b3}html[data-theme=dark] .card{background:#111827;border-color:#263244}html[data-theme=dark] .table th,html[data-theme=dark] .table td{border-bottom-color:#263244}html[data-theme=dark] .button.secondary{color:#e5e7eb;background:#111827;border-color:#344054}html[data-theme=dark] .input{color:#e5e7eb;background:#0f172a;border-color:#344054}html[data-theme=dark] .theme-toggle{color:#f8fafc;background:#111827f0;border-color:#344054;box-shadow:0 4px 16px #00000040}html[data-theme=dark] .alert{color:#fda29b;background:#3b1517}html[data-theme=dark] .feedback-button{color:#f8fafc;background:#111827f5;border-color:#344054}html[data-theme=dark] .app-footer{color:#98a2b3;background:#0b1220f0;border-top-color:#263244}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{padding:14px}.nav{grid-template-columns:repeat(3,1fr)}.grid-4,.grid-2{grid-template-columns:1fr}.content{padding:18px}.theme-toggle{top:12px;right:12px}}
