*{box-sizing:border-box;margin:0;padding:0}:root{--green:#1d9e75;--green-dark:#0f6e56;--green-light:#e1f5ee;--red:#e24b4a;--red-light:#fcebeb;--amber:#ef9f27;--amber-light:#faeeda;--blue-light:#e6f1fb;--radius-md:8px;--radius-lg:12px;--border:0.5px solid #e5e5e5}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f3;color:#1a1a1a;min-height:100vh}input[type=number],input[type=password],input[type=text],select,textarea{width:100%;padding:9px 12px;border:.5px solid #d4d4d4;border-radius:var(--radius-md);font-size:13px;font-family:inherit;background:#fff;color:#1a1a1a;transition:border-color .15s,box-shadow .15s;display:block}input:focus,select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #e1f5ee}.btn{padding:9px 18px;border-radius:var(--radius-md);font-size:13px;font-family:inherit;cursor:pointer;border:.5px solid #d4d4d4;background:#fff;color:#555;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.btn:hover{background:#f5f5f3}.btn-primary{background:var(--green);color:#fff;border:none;font-weight:500}.btn-primary:hover{background:var(--green-dark)}.btn-primary:disabled{background:#d4d4d4;color:#999;cursor:not-allowed}.btn-danger{color:var(--red);border-color:#fca5a5}.btn-danger:hover{background:var(--red-light)}.card{background:#fff;border:.5px solid #e5e5e5;border-radius:var(--radius-lg);padding:14px 16px}.metric{background:#f5f5f3;border-radius:var(--radius-md);padding:12px 14px}.metric-label{font-size:11px;color:#888;margin-bottom:4px}.metric-value{font-size:20px;font-weight:500}.tag{display:inline-block;font-size:11px;padding:2px 9px;border-radius:20px;font-weight:500}.tag-green{background:#eaf3de;color:#3b6d11}.tag-yellow{background:#faeeda;color:#854f0b}.tag-red{background:#fcebeb;color:#a32d2d}.tag-gray{background:#f1efe8;color:#5f5e5a}.tag-blue{background:#e6f1fb;color:#0c447c}.alert{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:var(--radius-md);font-size:12px;margin-bottom:10px}.alert-error{background:#fcebeb;border:.5px solid #fca5a5;color:#a32d2d}.alert-info{background:#e6f1fb;border:.5px solid #b5d4f4;color:#0c447c}.alert-warn{background:#faeeda;border:.5px solid #fac775;color:#854f0b}.bar-wrap{height:6px;background:#e5e5e5;border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px;transition:width .4s}.switch{width:36px;height:20px;background:#d4d4d4;border-radius:10px;cursor:pointer;position:relative;transition:background .2s;border:none;flex-shrink:0}.switch.on{background:var(--green)}.switch:after{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:3px;left:3px;transition:left .2s}.switch.on:after{left:19px}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500;flex-shrink:0}.layout{display:flex;min-height:100vh}.sidebar{width:200px;background:#fafaf8;border-right:.5px solid #e5e5e5;display:flex;flex-direction:column;flex-shrink:0}.sidebar-rtl{border-right:none;border-left:.5px solid #e5e5e5}.main{flex:1 1;display:flex;flex-direction:column}.topbar{background:#fff;border-bottom:.5px solid #e5e5e5;padding:11px 20px;display:flex;justify-content:space-between;align-items:center}.content{flex:1 1;padding:1.2rem;overflow:auto}.nav-item{display:flex;align-items:center;gap:9px;padding:9px 14px;font-size:13px;color:#777;cursor:pointer;border-radius:var(--radius-md);margin:2px 6px;transition:all .15s}.nav-item:hover{background:#fff;color:#333}.nav-item.active{background:#fff;color:#1a1a1a;font-weight:500}.trow{display:grid;align-items:center;padding:10px 0;border-bottom:.5px solid #e5e5e5;font-size:13px}.trow:last-child{border-bottom:none}.thead{font-size:11px;color:#888;font-weight:500;padding:6px 0 8px;border-bottom:.5px solid #d4d4d4}.divider{height:.5px;background:#e5e5e5;margin:12px 0}.modal-overlay{background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;padding:20px;min-height:400px;border-radius:var(--radius-lg)}.modal-box{background:#fff;border:.5px solid #e5e5e5;border-radius:var(--radius-lg);padding:24px;width:440px;max-width:100%}@media (max-width:640px){.sidebar{display:none}}