*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#111;background:#f4f5f7;height:100vh;font-family:system-ui,sans-serif;display:flex}nav{color:#ccc;background:#1a1a2e;flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding:24px 16px;display:flex}nav .logo{color:#fff;margin-bottom:24px;padding:0 8px;font-size:1.1rem;font-weight:700}nav a{color:#aaa;border-radius:6px;padding:8px 12px;font-size:.875rem;text-decoration:none}nav a:hover,nav a.active{color:#fff;background:#ffffff14}nav .spacer{flex:1}nav .help{color:#777;padding:0 8px;font-size:.75rem}main{flex:1;padding:32px;overflow-y:auto}.topbar{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.topbar h1{font-size:1.25rem;font-weight:600}.topbar .right{align-items:center;gap:16px;display:flex}.feedback-btn{font:inherit;color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #d7dae0;border-radius:6px;padding:8px 14px;font-size:.875rem;font-weight:500}.feedback-btn:hover{border-color:#1a1a2e}.avatar{color:#fff;background:#6c63ff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;display:grid}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.card{background:#fff;border-radius:10px;padding:20px 24px;box-shadow:0 1px 3px #0000000f}.card .label{color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem}.card .value{font-size:1.75rem;font-weight:700}.card .delta{color:#22c55e;margin-top:4px;font-size:.8rem}.panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-head h2{font-size:.95rem;font-weight:600}.panel-head+.panel-head{margin-top:32px}.link-btn{font:inherit;color:#6c63ff;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem}.link-btn:hover{text-decoration:underline}table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;box-shadow:0 1px 3px #0000000f}th{color:#888;text-align:left;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f0f0f0;padding:12px 16px;font-size:.75rem}td{border-bottom:1px solid #f9f9f9;padding:12px 16px;font-size:.875rem}tr:last-child td{border-bottom:none}.badge{border-radius:99px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-block}.badge.open{color:#16a34a;background:#dcfce7}.badge.review{color:#a16207;background:#fef9c3}.badge.blocked{color:#b91c1c;background:#fee2e2}.badge.neutral{color:#555;background:#eef0f4}.people{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.person{align-items:center;gap:12px;display:flex}.person .avatar{background:#1a1a2e}.person .name{font-size:.9rem;font-weight:600}.person .role{color:#888;font-size:.8rem}.list{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f}.list-row{border-bottom:1px solid #f9f9f9;align-items:center;gap:16px;padding:14px 16px;font-size:.875rem;display:flex}.list-row:last-child{border-bottom:none}.list-row .file{flex:1;font-weight:500}.list-row .meta{color:#888;font-size:.8rem}.file-icon{color:#555;background:#eef0f4;border-radius:6px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:.7rem;font-weight:700;display:grid}.gauge{background:#eef0f4;border-radius:99px;height:6px;margin-top:12px;overflow:hidden}.gauge span{background:#6c63ff;height:100%;display:block}.setting{border-bottom:1px solid #f9f9f9;justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;display:flex}.setting:last-child{border-bottom:none}.setting .title{font-size:.9rem;font-weight:500}.setting .hint{color:#888;margin-top:2px;font-size:.8rem}.switch{background:#d7dae0;border-radius:99px;flex-shrink:0;width:40px;height:22px;position:relative}.switch.on{background:#6c63ff}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:3px;left:3px}.switch.on:after{left:21px}