:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17212b;background:#f4f6f7;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17212b;--muted: #64717d;--line: #dfe4e7;--surface: #ffffff;--green: #087f5b;--green-dark: #075f47;--yellow: #f4b942;--red: #c92a2a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f6f7}button,input,select,textarea{font:inherit}a{color:inherit}.fp-container{width:min(1180px,calc(100% - 40px));margin:0 auto}.fp-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.fp-brand__mark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:var(--green);color:#fff}.fp-brand strong,.fp-brand small{display:block;letter-spacing:0}.fp-brand strong{font-size:19px;line-height:1.1}.fp-brand small{margin-top:3px;color:var(--muted);font-size:10px;font-weight:700}.fp-brand--inverse{color:#fff}.fp-brand--inverse small{color:#b9c8c2}.fp-header{position:sticky;top:0;z-index:20;background:#fffffff5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.fp-header__inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}.fp-header__nav{display:flex;align-items:center;gap:28px}.fp-header__nav a{color:#394651;text-decoration:none;font-size:14px;font-weight:700}.fp-header__actions{display:flex;align-items:center;gap:8px}.fp-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:0;border-radius:7px;background:var(--green);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.fp-button:hover{background:var(--green-dark)}.fp-button--ghost{color:var(--ink);background:#fff;border:1px solid var(--line)}.fp-button--ghost:hover{background:#f3f5f6}.fp-icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);cursor:pointer}.fp-menu-button{display:none}.fp-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.fp-status--active{color:#086342;background:#ddf5e9}.fp-status--pending_review{color:#825b00;background:#fff2c7}.fp-status--rejected{color:#922;background:#fee5e5}.fp-status--draft,.fp-status--expired{color:#55616b;background:#e9edef}@media(max-width:820px){.fp-container{width:min(100% - 28px,1180px)}.fp-header__nav,.fp-header__actions .fp-button{display:none}.fp-menu-button{display:grid}}.portal{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.portal-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 18px;background:#111b22;color:#fff}.portal-sidebar nav{display:grid;gap:5px;margin-top:34px}.portal-sidebar nav a,.portal-sidebar nav button,.portal-logout{min-height:44px;display:flex;align-items:center;gap:10px;padding:0 12px;border:0;border-radius:7px;color:#b9c6cc;background:transparent;text-decoration:none;font-weight:750;cursor:pointer}.portal-sidebar nav .active,.portal-sidebar nav a:hover,.portal-sidebar nav button:hover{color:#fff;background:#26333c}.portal-logout{margin-top:auto;border:1px solid #34434c}.portal-content{min-width:0;padding:28px;display:grid;align-content:start;gap:20px}.portal-topbar{display:flex;align-items:center;justify-content:space-between}.portal-topbar small,.panel-title small,.drawer-heading small{color:#087f5b;font-weight:900;text-transform:uppercase}.portal-topbar h1{margin:5px 0 0;font-size:28px}.account-review{display:flex;gap:12px;padding:15px;color:#795700;background:#fff5d6;border:1px solid #ecd68d;border-radius:8px}.account-review strong,.account-review span{display:block}.account-review span{margin-top:3px;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-grid article,.portal-panel{background:#fff;border:1px solid #dfe4e7;border-radius:8px}.metric-grid article{padding:18px}.metric-grid span,.metric-grid small{display:block;color:#64717d;font-size:12px}.metric-grid strong{display:block;margin:8px 0 4px;font-size:27px}.portal-panel{padding:20px}.panel-title{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-title h2,.drawer-heading h2{margin:5px 0 0}.panel-actions{display:flex;gap:8px}.panel-actions label{height:42px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #dfe4e7;border-radius:7px}.panel-actions input{border:0;outline:0}.seller-table{display:grid;gap:7px}.seller-table article{display:grid;grid-template-columns:auto minmax(190px,1fr) auto auto auto auto;align-items:center;gap:14px;padding:10px;border:1px solid #edf0f2;border-radius:7px}.seller-table article>div:nth-child(2) span{display:block;margin-top:4px;color:#64717d;font-size:12px}.part-thumb{width:48px;height:48px;display:grid;place-items:center;color:#087f5b;background:#e5f3ee;border-radius:6px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-end;background:#0e161c8c}.listing-drawer{width:min(560px,100%);height:100%;overflow:auto;display:grid;align-content:start;gap:15px;padding:26px;background:#fff}.drawer-heading{display:flex;justify-content:space-between}.drawer-heading button{width:38px;height:38px;border:0;border-radius:7px;font-size:25px}.listing-drawer label{display:grid;gap:7px;color:#34424d;font-size:13px;font-weight:800}.listing-drawer input,.listing-drawer select,.listing-drawer textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d7dde1;border-radius:7px}.listing-drawer textarea{min-height:100px;resize:vertical}.image-drop{min-height:120px;place-items:center;padding:18px;color:#087f5b;background:#f3faf7;border:1px dashed #7bbba5;border-radius:8px;text-align:center;cursor:pointer}.image-drop span{color:#64717d;font-weight:600}.image-drop input{display:none}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drawer-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:960px){.portal{grid-template-columns:1fr}.portal-sidebar{position:static;height:auto}.portal-sidebar nav{grid-template-columns:repeat(2,1fr)}.portal-logout{margin-top:20px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.portal-content{padding:18px}.metric-grid{grid-template-columns:1fr}.panel-title,.panel-actions{align-items:stretch;flex-direction:column}.seller-table article{grid-template-columns:auto 1fr}.seller-table article>*:nth-child(n+3){grid-column:2}.form-pair,.portal-sidebar nav{grid-template-columns:1fr}}
