:root{--ink:#183044;--muted:#607180;--navy:#153a56;--blue:#0b6da8;--pale:#edf5f8;--line:#d7e1e6;--white:#fff;--danger:#a12b36;--success:#22734b;--shadow:0 12px 35px rgba(22,48,68,.09)}*{box-sizing:border-box}body{margin:0;background:#f6f8f9;color:var(--ink);font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}a{color:var(--blue)}.app-header{min-height:76px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));gap:24px}.brand{color:white;text-decoration:none;font-size:1.15rem;font-weight:700}.brand span{font-weight:400;opacity:.72}.app-header nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.app-header nav a,.nav-button{color:white;text-decoration:none;font:inherit;font-size:.9rem;background:none;border:0;padding:0;cursor:pointer}.app-header nav form{margin:0}.container{width:min(1180px,calc(100% - 40px));margin:42px auto 70px}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.page-heading h1{font-size:2.15rem;margin:.15rem 0}.page-heading p,.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-size:.74rem;font-weight:700}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.stat-card,.panel{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.stat-card{padding:22px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column}.stat-card>span{color:var(--muted);font-weight:600}.stat-card strong{font-size:2rem;margin:.3rem 0}.stat-card small{color:var(--muted)}.panel{padding:26px;margin-bottom:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel h2{margin-top:0}.feature-list{display:flex;flex-wrap:wrap;gap:10px}.feature-list span,.badge{padding:5px 9px;background:var(--pale);border-radius:999px;font-size:.78rem}.activity-list article,.audit-list article{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid var(--line)}.activity-list article:first-child,.audit-list article:first-child{border-top:0}.activity-list article div{display:flex;flex-direction:column}.activity-list span,.activity-list small,.audit-list small{color:var(--muted)}form{margin-top:18px}label{display:block;font-weight:650;font-size:.9rem;margin:15px 0 6px}input,select{width:100%;padding:11px 12px;border:1px solid #aebdc5;border-radius:7px;background:white;color:var(--ink);font:inherit}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.button{display:inline-block;border:0;border-radius:7px;padding:11px 18px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;margin-top:20px}.primary{background:var(--blue);color:white}.narrow{max-width:720px}.alert{padding:13px 16px;border-radius:8px;margin-bottom:18px}.alert.error{background:#fdecef;color:var(--danger)}.alert.success{background:#e7f6ee;color:var(--success)}.alert.warning{background:#fff3cf;color:#715500}.actions{display:flex;align-items:center;gap:18px}.filters .button{margin-top:20px}.audit-list article{display:block}.audit-list header{display:flex;justify-content:space-between;gap:16px}.audit-list p{margin:.65rem 0}.audit-list details{margin-top:10px}.audit-list pre{white-space:pre-wrap;word-break:break-word;background:#f3f6f7;padding:12px;border-radius:6px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:12px;border-bottom:1px solid var(--line)}footer{text-align:center;color:var(--muted);font-size:.8rem;padding:24px}.login-page{background:linear-gradient(135deg,#eaf3f6,#f8fafb);min-height:100vh}.login-wrapper{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(430px,100%);background:white;border-top:5px solid var(--blue);border-radius:12px;padding:36px;box-shadow:var(--shadow)}.login-heading h1{font-size:2rem;margin:.3rem 0 0}.login-heading p{color:var(--muted);margin-top:.25rem}.login-panel .button{width:100%}@media(max-width:850px){.app-header{padding:18px 22px;align-items:flex-start;flex-direction:column}.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.container{width:min(100% - 24px,1180px);margin-top:25px}.dashboard-grid,.form-grid{grid-template-columns:1fr}.app-header nav{gap:12px}.login-panel{padding:26px}.audit-list header,.activity-list article{flex-direction:column;gap:5px}}