*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#fbf9f6;color:#1a1a1a;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.portal-shell{display:flex;min-height:100vh}.portal-sidebar{width:220px;min-width:220px;background:#2c1810;display:flex;flex-direction:column;padding:16px 10px;position:sticky;top:0;height:100vh}.portal-brand{display:flex;align-items:center;gap:8px;padding:4px 8px 16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px;font-size:14px;font-weight:600;color:#fafafa;letter-spacing:-.01em}.portal-badge{font-size:9px;font-weight:600;background:#a13f22;color:#fff;padding:2px 6px;border-radius:3px;letter-spacing:.04em;text-transform:uppercase}.portal-nav{display:flex;flex-direction:column;gap:1px;flex:1}.portal-nav-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;color:#ffffff80;transition:background .15s,color .15s}.portal-nav-item:hover{background:#ffffff0f;color:#fffc}.portal-nav-item.active{background:#ffffff1a;color:#fff;font-weight:600}.portal-nav-icon{width:16px;text-align:center;flex-shrink:0;opacity:.6;display:inline-flex}.portal-nav-item.active .portal-nav-icon{opacity:1}.portal-logout{display:flex;align-items:center;gap:8px;padding:14px 12px 8px;border-radius:6px;font-size:12.5px;font-weight:500;color:#ffffff59;background:none;border:none;cursor:pointer;width:100%;text-align:left;margin-top:8px;border-top:1px solid rgba(255,255,255,.06);transition:color .15s}.portal-logout:hover{color:#f87171}.portal-main{flex:1;padding:32px 36px;overflow-y:auto;min-height:100vh}.page-title{font-size:20px;font-weight:600;color:#1a1a1a;letter-spacing:-.02em;margin:0 0 4px}.page-sub{font-size:13px;color:#888;margin:0 0 24px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:16px 18px;border:1px solid #eee;box-shadow:0 1px 4px #0000000a}.stat-card.accent{border-left:3px solid #A13F22}.stat-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#888;margin:0 0 6px}.stat-value{font-size:22px;font-weight:700;color:#1a1a1a;letter-spacing:-.02em}.stat-value.money{color:#a13f22}.table-wrap{background:#fff;border-radius:12px;padding:18px;border:1px solid #eee;box-shadow:0 1px 4px #0000000a;margin-bottom:24px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.table-toolbar-title{font-size:14px;font-weight:600;color:#1a1a1a}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#888;padding:8px 10px;border-bottom:1px solid #eee}tbody td{padding:10px;font-size:13px;border-bottom:1px solid #f5f5f5;vertical-align:middle}tbody tr:hover{background:#faf8f5}.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600}.badge-ok{background:#e8f5e9;color:#2e7d32}.badge-err{background:#fce4ec;color:#c62828}.badge-warn{background:#fff3e0;color:#e65100}.badge-pending{background:#e3f2fd;color:#1565c0}.btn-primary{background:#a13f22;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-sm{background:#f5f5f5;color:#1a1a1a;border:1px solid #e5e5e5;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:background .1s}.btn-sm:hover{background:#eee}.btn-sm:disabled{opacity:.5;cursor:not-allowed}.form-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #eee;box-shadow:0 1px 4px #0000000a;max-width:480px;margin-bottom:24px}.form-card label{display:block;margin-bottom:14px;font-size:13px;font-weight:500;color:#555}.form-card input,.form-card select{display:block;width:100%;margin-top:4px;padding:9px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;background:#fafafa}.form-card input:focus,.form-card select:focus{outline:none;border-color:#a13f22;background:#fff}.form-actions{display:flex;gap:10px;margin-top:18px}.error-msg{background:#fce4ec;color:#c62828;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px}.success-msg{background:#e8f5e9;color:#2e7d32;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px}.loading{color:#888;font-size:13px;padding:16px 0}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;color:#888}.pagination-btns{display:flex;gap:6px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2c1810,#a13f22)}.login-card{background:#fff;border-radius:20px;padding:36px 32px;width:380px;max-width:90vw;box-shadow:0 12px 40px #0003}.login-card h1{font-size:22px;font-weight:700;margin:0 0 4px;color:#1a1a1a}.login-card .login-sub{font-size:13px;color:#888;margin:0 0 24px}.login-card label{display:block;margin-bottom:14px;font-size:13px;font-weight:500;color:#555}.login-card input{display:block;width:100%;margin-top:4px;padding:10px 12px;border:1px solid #ddd;border-radius:10px;font-size:14px;font-family:inherit}.login-card input:focus{outline:none;border-color:#a13f22}.login-btn{width:100%;margin-top:6px}.code-display{background:#f5f5f5;border:2px dashed #ddd;border-radius:12px;padding:16px;text-align:center;margin-bottom:24px}.code-display .code{font-size:28px;font-weight:700;letter-spacing:.1em;color:#a13f22;font-family:JetBrains Mono,monospace}.code-display .code-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#888;margin-bottom:6px}