:root{--orange:#f06109;--dark:#343735;--slate:#4b5457;--bg:#f5f6f7;--text:#242729;--muted:#6b7377;--border:#dfe3e6;--white:#fff}*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg)}body{margin:0}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 32px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--border)}.topbar{display:flex;justify-content:space-between;align-items:center;min-height:92px;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:.4px}.brand-mark{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--orange);color:#fff;font-weight:800}.quick-links,.subnav,.navrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quick-links a,.subnav a{padding:9px 12px;border-radius:7px}.quick-links a:hover,.subnav a:hover{background:#f3f3f3}.quick-links .primary{background:var(--orange);color:#fff}.subnav{justify-content:flex-end;padding-bottom:12px;font-size:14px}.mainnav{background:var(--slate);color:#fff}.navrow{min-height:48px}.navrow a{padding:15px 10px}.navrow a:hover{background:#3c4447}.navrow .track{margin-left:auto;background:var(--orange)}.hero{background:linear-gradient(135deg,#efefef,#fff);padding:34px 0}.hero-card{min-height:310px;background:#fff;border:1px solid var(--border);display:grid;grid-template-columns:1.45fr .55fr;align-items:center;padding:48px;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--orange)}h1{font-size:40px;line-height:1.05;margin:10px 0 16px}h2{font-size:28px}.hero p{font-size:18px;color:var(--muted);max-width:670px;line-height:1.55}.hero-actions{display:flex;gap:10px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--orange);color:#fff;padding:12px 18px;border-radius:8px;font-weight:700;cursor:pointer}.btn.ghost{background:#fff;color:var(--dark);border:1px solid var(--border)}.btn.small{padding:8px 11px;font-size:13px}.hero-art{font-size:34px;font-weight:300;color:#fff;background:var(--slate);height:210px;border-radius:16px;display:grid;place-items:center;text-align:center;line-height:1.1;transform:rotate(-2deg);box-shadow:18px 18px 0 var(--orange)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:28px 0}.features article,.panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px}.features article{font-size:22px}.features p,.panel p{font-size:14px;color:var(--muted);line-height:1.55}.features b{color:var(--orange)}.split{display:grid;grid-template-columns:1fr 290px;gap:24px;padding:16px 0 52px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-head a{color:var(--orange);font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.product-placeholder{height:118px;display:grid;place-items:center;background:linear-gradient(135deg,#f4f4f4,#e7e7e7);font-size:52px;font-weight:800;color:#c9ccce}.product-card span{display:block;background:var(--orange);color:#fff;padding:10px;text-align:center;font-size:14px;font-weight:700}.side-actions{display:grid;gap:12px;align-content:start;padding-top:62px}.side-actions a{background:var(--slate);color:#fff;border-radius:10px;padding:22px}.side-actions a:nth-child(2){background:var(--orange)}.side-actions b,.side-actions span{display:block}.side-actions span{font-size:13px;opacity:.82;margin-top:6px}.footer-top{background:var(--slate);color:#fff;padding:26px 0}.footer-top h3 span{font-weight:300}.footer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px 16px;font-size:12px;color:#ddd}.footer-bottom{background:var(--dark);color:#aaa;padding:12px 0;font-size:12px}.page{padding:42px 0 60px}.page.narrow{max-width:760px}.page-title{margin-bottom:20px}.page-title h1{margin:6px 0}.page-title p{color:var(--muted);max-width:820px}.order-layout{display:grid;grid-template-columns:1fr 330px;gap:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#444}input,textarea,select{width:100%;border:1px solid #cfd4d7;border-radius:8px;padding:11px 12px;font:inherit;background:#fff}textarea{resize:vertical}.filebox{background:#f8f8f8;padding:15px;border:1px dashed #c7cccf;border-radius:10px}.filebox small{color:var(--muted);font-weight:400}.form-actions{margin-top:16px}.message{margin-top:15px;padding:14px;border-radius:8px;background:#eef6ff;border:1px solid #bfdcff}.message.error{background:#fff0f0;border-color:#ffc6c6;color:#8a1d1d}.message.success{background:#effaf2;border-color:#bee8c8;color:#17632d}.info ol{padding-left:20px;color:var(--muted);line-height:1.8}.note{border-left:4px solid var(--orange);padding-left:10px}.upload-list{display:grid;gap:9px;margin-top:14px}.upload-item{border:1px solid var(--border);border-radius:8px;padding:10px}.upload-item .bar{height:7px;background:#eceff1;border-radius:10px;overflow:hidden;margin-top:8px}.upload-item .bar>span{display:block;height:100%;background:var(--orange);width:0}.upload-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.result{margin-top:16px}.admin-bg{min-height:100vh;display:grid;place-items:center;background:#eef0f1}.login-card{width:min(420px,calc(100% - 32px));background:#fff;border:1px solid var(--border);border-radius:14px;padding:28px;display:grid;gap:14px;box-shadow:0 16px 40px rgba(0,0,0,.08)}.login-card h1{font-size:28px}.muted{color:var(--muted);font-size:13px}.admin-header{min-height:58px;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.admin-header nav{display:flex;gap:18px}.admin-page{padding:34px 0}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:12px}.orders-table{border-collapse:collapse;width:100%;min-width:850px}.orders-table th,.orders-table td{padding:13px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}.orders-table th{font-size:12px;color:var(--muted);background:#fafafa}.orders-table td small{display:block;color:var(--muted);margin-top:4px}.orders-table tr.is-new{background:#fff9f3}.status{display:inline-block;padding:6px 8px;border-radius:999px;background:#eceff1;font-size:12px}.status-new,.status-uploaded{background:#fff0e6;color:#9c4107}.status-printing{background:#e8f1ff;color:#1f5a9d}.status-ready{background:#e9f8ec;color:#1d6b2c}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.status-form{display:flex;gap:8px;align-items:center}.file-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding:10px 0}.file-row small{display:block;color:var(--muted);margin-top:4px}@media(max-width:850px){.topbar{align-items:flex-start;padding:16px 0}.quick-links{justify-content:flex-end}.subnav{justify-content:flex-start}.navrow .track{margin-left:0}.hero-card,.order-layout,.split,.detail-grid{grid-template-columns:1fr}.hero-art{display:none}.features{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.side-actions{padding-top:0}.footer-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:32px}}@media(max-width:520px){.topbar{display:grid}.quick-links{justify-content:flex-start}.subnav{display:none}.navrow{gap:0}.navrow a{padding:12px 8px;font-size:12px}.form-grid,.product-grid{grid-template-columns:1fr}.hero-card{padding:28px}.hero-actions{display:grid}.section-head{align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}}
.log-panel{margin-top:18px}.log-list{display:grid;gap:8px;margin-top:12px}.log-item{display:grid;grid-template-columns:78px 1fr;gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.log-item small{display:block;color:var(--muted);margin-top:4px}.log-level{display:inline-flex;justify-content:center;align-items:center;padding:5px 7px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.5px;background:#eceff1}.level-info{background:#e8f1ff;color:#1f5a9d}.level-warning{background:#fff4dd;color:#8a5b00}.level-error{background:#ffe7e7;color:#9a1f1f}.level-critical{background:#3a1c1c;color:#fff}.log-filters{display:grid;grid-template-columns:160px 180px 150px 1fr auto auto;gap:8px;margin:16px 0}.log-table{min-width:1200px}.log-table details{margin-top:5px}.log-table summary{cursor:pointer;color:var(--orange);font-size:12px}.log-table pre{max-width:520px;white-space:pre-wrap;word-break:break-word;background:#f5f5f5;padding:8px;border-radius:6px;font-size:11px}.log-table small{display:block;color:var(--muted)}@media(max-width:850px){.log-filters{grid-template-columns:1fr 1fr}.log-filters input[name=q]{grid-column:1/-1}}
.notification-settings-form{display:grid;gap:18px}.notification-card{display:grid;gap:16px}.notification-card h2{margin:0;font-size:22px}.notification-card-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.notification-card-head>div{display:flex;align-items:center;gap:10px}.channel-no{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:var(--orange);color:#fff;font-weight:800}.switch-label{display:flex;align-items:center;gap:8px;font-weight:700}.switch-label input{width:18px;height:18px}.notification-actions{display:flex;gap:10px;flex-wrap:wrap}.pc-status{padding:12px 14px;background:#f6f7f8;border:1px solid var(--border);border-radius:8px}.version-pill{padding:7px 10px;border-radius:999px;background:#f1f3f5;font-size:12px;font-weight:800;color:var(--muted)}.admin-header nav a.active{color:#fff;text-decoration:underline;text-underline-offset:4px}.notification-settings-form input[type=password]{font-family:inherit}@media(max-width:700px){.notification-card-head{align-items:flex-start;flex-direction:column}.notification-actions{display:grid}.notification-actions .btn{width:100%}}
/* v0.2.1 — Üyelik, firma, adres ve sipariş düzeltmeleri */
.account-link{border:1px solid var(--border);font-weight:700}.account-form{display:grid;gap:14px}.account-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.account-nav a{padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:#fff;font-weight:700;font-size:13px}.account-nav a.active{background:var(--slate);color:#fff;border-color:var(--slate)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 20px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;display:grid;gap:6px}.stat-card b{font-size:28px;color:var(--orange)}.stat-card span{font-size:12px;color:var(--muted);font-weight:700}.address-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:20px}.address-list{display:grid;gap:12px}.address-card h3{margin:5px 0}.address-card h3 small{font-size:10px;padding:4px 6px;border-radius:999px;background:#e9f8ec;color:#1d6b2c}.address-type{font-size:10px;font-weight:800;color:var(--orange);letter-spacing:1px}.checkline{display:flex!important;grid-column:1/-1;align-items:center;gap:8px}.checkline input{width:18px;height:18px}.link-danger{border:0;background:none;color:#a12626;padding:0;cursor:pointer;font-weight:700}.member-summary{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:center;padding:14px 16px;border:1px solid #dce1e3;border-radius:10px;background:#f8fafb;margin-bottom:16px}.member-summary>div{display:grid;gap:2px}.member-summary span{font-size:10px;color:var(--orange);font-weight:800;letter-spacing:1px}.member-summary small{color:var(--muted)}.member-summary>a{color:var(--orange);font-weight:700}.address-shortcut a{font-size:13px;color:var(--orange);font-weight:700}.order-steps{display:flex;align-items:center;margin-top:20px;padding:14px 0}.step-state{display:flex;align-items:center;gap:8px;color:#9ba2a6;font-size:13px;font-weight:700}.step-state b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e6e9eb;color:#777}.step-state.active{color:var(--dark)}.step-state.active b{background:var(--orange);color:#fff}.step-state.done{color:#1d6b2c}.step-state.done b{background:#dff3e4;color:#1d6b2c}.step-line{height:2px;background:#e0e4e6;flex:1;margin:0 12px}.two-actions{display:flex;gap:10px}.two-actions .btn:disabled{opacity:.45;cursor:not-allowed}.track-row{display:grid;grid-template-columns:1.1fr 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.subsection-title{margin-top:28px;font-size:20px}.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.customer-sidebar{position:sticky;top:16px}.customer-sidebar h3{margin:4px 0}.customer-rank{display:grid;margin:10px 0 18px}.customer-rank>a{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}.customer-rank small{display:block;color:var(--muted);margin-top:2px}.customer-rank strong{font-size:20px;color:var(--orange)}.full-btn{width:100%}.customer-filter{grid-template-columns:1fr auto auto}.customer-order-count{border-left:4px solid var(--orange);padding:10px 12px;background:#fff8f1}.customer-order-count a{color:var(--orange);font-weight:700}.address-order-grid{margin-top:18px}.address-admin{padding:8px 0;border-bottom:1px solid var(--border)}
@media(max-width:900px){.address-layout,.admin-dashboard-grid{grid-template-columns:1fr}.customer-sidebar{position:static}.member-summary{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.track-row{grid-template-columns:1fr}.two-actions{display:grid}}
@media(max-width:560px){.stats-grid{grid-template-columns:1fr}.account-nav{display:grid;grid-template-columns:1fr 1fr}}

/* v0.2.1 — form doğrulama ve arayüz düzeltmeleri */
.field-hint{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-weight:400;line-height:1.4}
.field-error{display:none;color:#a12626;font-size:11px;font-weight:700;line-height:1.35;min-height:0}
.field-error:not(:empty){display:block}
.input-error{border-color:#d76767!important;background:#fffafa!important;box-shadow:0 0 0 2px rgba(161,38,38,.08)}
input:focus,textarea:focus,select:focus{outline:0;border-color:#f39a62;box-shadow:0 0 0 3px rgba(240,97,9,.11)}
.account-nav{padding:6px;background:#e9edef;border-radius:11px}
.account-nav a{flex:0 0 auto;border-color:transparent;background:transparent}
.account-nav a:hover{background:#fff}
.account-nav a.active{box-shadow:0 2px 7px rgba(0,0,0,.12)}
.account-nav .account-exit{margin-left:auto;color:#8b2b2b;background:#fff;border-color:#ead3d3}
.stats-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}
.address-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.default-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#e8f6eb;color:#216a31;font-size:10px;font-weight:800;white-space:nowrap}
.address-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}
.btn.danger{background:#fff;color:#9c2929;border:1px solid #e7caca}
.btn.danger:hover{background:#fff4f4}
.order-action-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px}
.order-action-grid .btn{width:100%}
.order-action-grid .btn:disabled{opacity:.48;cursor:not-allowed}
.no-file-row{padding:10px 12px;border:1px dashed #d2d7d9;border-radius:8px;background:#fbfbfb}
.admin-mini-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-bottom:18px}
.admin-mini-stats>a{display:grid;gap:4px;padding:15px 18px;background:#fff;border:1px solid var(--border);border-radius:11px}
.admin-mini-stats>a b{font-size:25px;color:var(--orange)}
.admin-mini-stats>a span{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.admin-mini-stats .stat-card{padding:15px}
.sidebar-actions{display:grid;gap:9px}
.company-link{display:inline-flex;padding:8px 10px;border-radius:7px;background:#fff4ea;color:#a6470b;font-weight:700}
.log-download-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.admin-header nav{flex-wrap:wrap;align-items:center}
@media(max-width:850px){.admin-header{align-items:flex-start;gap:12px;padding:14px 18px}.admin-header nav{gap:10px}.order-action-grid{grid-template-columns:1fr}.log-download-actions{justify-content:flex-start}.account-nav .account-exit{margin-left:0}}
@media(max-width:560px){.account-nav{grid-template-columns:1fr 1fr}.account-nav a{width:100%;text-align:center}.address-card-head{display:grid}.address-card-actions{display:grid;grid-template-columns:1fr 1fr}.address-card-actions form,.address-card-actions .btn{width:100%}.address-card-actions .danger{grid-column:1/-1}}

/* v0.2.2 — 15" laptop, ortak firma adresleri ve sipariş detayları */
body,button,input,textarea,select{font-family:Arial,Helvetica,sans-serif}
button,input,textarea,select{font-size:13px}
.status-accepted{background:#e8f1ff;color:#1f5a9d}
.status-rejected{background:#ffe8e8;color:#922b2b}
.status-cancelled{background:#f2e9e9;color:#7d3333}
.btn:disabled{opacity:.48;cursor:not-allowed}
.track-row-link{color:inherit;transition:background .15s ease,padding .15s ease}
.track-row-link:hover{background:#fff7f0;padding-left:8px;padding-right:8px}
.clickable-order-row{cursor:pointer;transition:background .15s ease}
.clickable-order-row:hover,.clickable-order-row:focus{background:#fff7f0;outline:0}
.clickable-order-row td a{color:inherit}
.shared-address-note{display:inline-block;margin:5px 0 0!important;padding:7px 10px;border-radius:7px;background:#fff4ea;color:#8a470f!important;font-size:12px!important}
.compact-panel{padding:16px}
.compact-panel h2{font-size:22px;margin:0 0 14px}
.compact-panel h3{margin-top:0}
.compact-actions{margin-top:11px;display:flex;gap:8px}
.compact-address-layout{grid-template-columns:minmax(0,1.15fr) minmax(315px,.85fr);gap:14px}
.address-form-grid{gap:9px 10px}
.address-form-grid label{gap:4px;font-size:12px}
.address-form-grid input,.address-form-grid select,.address-form-grid textarea{padding:8px 9px;border-radius:7px}
.address-form-grid textarea{line-height:1.35}
.compact-address-list{gap:8px}
.compact-address-card{padding:13px 14px}
.compact-address-card h3{font-size:17px;margin:2px 0 0}
.compact-address-card .address-card-head{gap:8px}
.address-summary-line{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:8px;font-size:12px;color:var(--muted)}
.address-summary-line b{color:#394044;font-weight:700}
.address-details{margin-top:7px;border-top:1px dashed var(--border);padding-top:6px}
.address-details summary,.address-admin-compact summary{cursor:pointer;color:var(--orange);font-size:12px;font-weight:700}
.address-details p{margin:7px 0 0!important;font-size:12px!important;line-height:1.4!important}
.compact-address-card .address-card-actions{margin-top:8px;padding-top:8px;gap:6px}
.compact-address-card .btn.small{padding:6px 9px;font-size:12px}
.compact-stats-grid{gap:10px;margin-bottom:14px}
.compact-stats-grid .stat-card{padding:13px 15px;border-radius:10px;gap:3px}
.compact-stats-grid .stat-card b{font-size:22px}
.compact-admin-page{padding:24px 0 38px}
.compact-detail-grid{gap:12px}
.compact-note{margin:0 0 8px!important}
.address-admin-compact{border-bottom:1px solid var(--border);padding:7px 0}
.address-admin-compact:last-child{border-bottom:0}
.address-admin-compact summary{display:grid;grid-template-columns:minmax(130px,.7fr) 1.3fr;gap:10px;align-items:center;color:var(--text)}
.address-admin-compact summary span{color:var(--muted);font-weight:400;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.address-admin-compact p{margin:7px 0 2px!important;font-size:12px!important;line-height:1.4!important;padding-left:10px;border-left:2px solid #f2d3bd}
.compact-upgrade{max-width:1000px}
.compact-upgrade .page-title{margin-bottom:12px}
.compact-upgrade .panel{padding:17px}
.terminal-status{display:grid;justify-items:end;gap:5px;max-width:310px;text-align:right}
.terminal-status small{color:var(--muted);font-size:11px}
.order-detail-page{max-width:1000px}
.order-detail-head{align-items:flex-start}
.order-detail-head .page-title{margin-bottom:0}
.large-status{font-size:13px;padding:8px 11px;margin-top:8px}
.detail-lines{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}
.detail-lines p{margin:4px 0!important}
.customer-order-actions{margin-top:12px}
.customer-order-actions form{margin-top:10px}
.account-orders-table{min-width:720px}

@media (max-width:1440px) and (min-width:901px){
 .container{width:min(1180px,calc(100% - 24px))}
 .compact-account-page{padding:24px 0 36px}
 .compact-account-page .page-title{margin-bottom:12px}
 .compact-account-page .page-title h1{font-size:34px;margin:4px 0 8px}
 .compact-account-page .page-title p{margin:5px 0;font-size:13px}
 .compact-account-page .account-nav{margin-bottom:12px;padding:4px}
 .compact-account-page .account-nav a{padding:7px 11px;font-size:12px}
 .compact-account-page .message{margin-top:10px;padding:10px 12px;font-size:13px}
 .compact-panel{padding:14px}
 .compact-admin-page h1,.compact-upgrade h1{font-size:34px;margin:6px 0 10px}
 .compact-admin-page .orders-table th,.compact-admin-page .orders-table td{padding:9px 10px;font-size:12px}
 .compact-admin-page .orders-table th{font-size:11px}
 .compact-admin-page .status{font-size:11px;padding:5px 7px}
 .compact-address-card{padding:11px 12px}
 .address-form-grid input,.address-form-grid select,.address-form-grid textarea{padding:7px 8px}
 .address-layout{align-items:start}
 .status-form select{padding:8px 9px}
 .status-form .btn{padding:9px 13px}
}
@media(max-width:900px){
 .compact-address-layout{grid-template-columns:1fr}
 .address-admin-compact summary{grid-template-columns:1fr}
 .address-admin-compact summary span{text-align:left;white-space:normal}
 .detail-lines{grid-template-columns:1fr}
}


/* v0.2.3 — sipariş merkezi ön sayfası ve kişi bazlı adresler */
.order-portal-body{background:#f6f7f8}
.portal-header{background:#1f272c;color:#fff;border-bottom:1px solid #10171b}
.portal-topbar{min-height:58px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
.portal-header .brand{font-size:19px;color:#fff}.portal-header .brand-mark{width:36px;height:36px;border-radius:7px}
.portal-nav,.portal-account{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700}.portal-nav a,.portal-account a{opacity:.94}.portal-nav a.active{border-bottom:3px solid var(--orange);padding:20px 0 17px}.portal-account{justify-content:flex-end}
.portal-order-page{padding:20px 0 30px}.portal-page-title h1{font-size:27px;margin:0 0 4px}.portal-page-title p{margin:0;color:var(--muted);font-size:13px}
.portal-progress{display:flex;align-items:center;max-width:760px;margin:20px 0 16px}.portal-progress>i{height:1px;background:#d7dde0;flex:1;margin:0 12px}.portal-step{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#596268;white-space:nowrap}.portal-step b{display:grid;place-items:center;width:28px;height:28px;border:1px solid #9ca6ab;border-radius:50%;background:#fff}.portal-step.active,.portal-step.done{color:var(--orange)}.portal-step.active b,.portal-step.done b{background:var(--orange);border-color:var(--orange);color:#fff}
.portal-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.portal-order-main{display:grid;gap:10px}.portal-section,.portal-side-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:15px}.portal-section h2{font-size:18px;margin:0 0 12px}.portal-section h3.portal-subtitle{font-size:14px;margin:15px 0 8px}.portal-field{display:grid;gap:5px;font-size:12px;font-weight:700}.portal-field select,.portal-field textarea,.portal-detail-grid input,.portal-detail-grid select,.portal-address-grid select{width:100%;border:1px solid #ccd3d7;border-radius:6px;background:#fff;padding:9px 10px}.portal-field textarea{resize:vertical;min-height:72px}
.category-explain{display:grid;gap:2px;margin-top:8px;padding:9px 11px;background:#fff9f2;border:1px solid #f2cfad;border-radius:7px;font-size:12px}.category-explain span{color:#75543e}.subcategory-wrap{margin-top:10px}.subcategory-wrap>b{font-size:12px}.subcategory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:7px}.subcategory-card{position:relative;display:block}.subcategory-card input{position:absolute;opacity:0;pointer-events:none}.subcategory-card>span{display:grid;gap:3px;min-height:68px;padding:10px 12px;border:1px solid #d7dde0;border-radius:7px;background:#fff;cursor:pointer}.subcategory-card small{color:var(--muted);font-size:11px;line-height:1.35}.subcategory-card input:checked+span{border-color:var(--orange);background:#fff8f2;box-shadow:0 0 0 1px rgba(240,97,9,.08)}.subcategory-card input:checked+span:after{content:'✓';position:absolute;right:7px;top:-6px;width:20px;height:20px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}
.portal-detail-grid{display:grid;grid-template-columns:.8fr .9fr 1fr 1fr;gap:9px}.portal-detail-grid label,.portal-address-grid label{display:grid;gap:5px;font-size:12px;font-weight:700}.portal-dropzone{display:grid;justify-items:center;gap:4px;border:1px dashed #9ba7ad;border-radius:8px;padding:18px 12px;background:#fbfcfc;cursor:pointer;text-align:center}.portal-dropzone.dragging{border-color:var(--orange);background:#fff7f0}.portal-dropzone input{position:absolute;opacity:0;pointer-events:none}.portal-dropzone .upload-cloud{font-size:28px;color:#7d898f}.portal-dropzone small,.portal-dropzone em{font-style:normal;color:var(--muted);font-size:11px}.portal-dropzone .btn{margin:4px 0;padding:8px 20px}.upload-choice-row{display:flex;gap:8px;margin-top:9px}.portal-file-note{margin:7px 0 0}.print-warning{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:10px;padding:9px 11px;border-radius:7px;background:#fff7e4;border:1px solid #f1d18a;font-size:11px;line-height:1.4}.portal-address-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portal-address-grid a{color:var(--orange);font-size:11px;font-weight:700}.portal-contact p{font-size:12px;color:var(--muted);margin:0 0 10px}.portal-contact p a{color:var(--orange);font-weight:700}.portal-submit{width:min(320px,100%);display:block;margin:10px auto 0}.portal-order-side{display:grid;gap:10px;position:sticky;top:12px}.portal-side-card h3{font-size:17px;margin:0 0 10px}.portal-side-card dl{margin:0}.portal-side-card dl div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:12px}.portal-side-card dt{color:#434b50}.portal-side-card dd{margin:0;font-weight:700;text-align:right;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-side-card hr{border:0;border-top:1px solid var(--border);margin:7px 0}.portal-side-card ul{margin:0;padding-left:18px;font-size:12px;line-height:1.65}.side-note{margin-top:12px;padding:10px;border-radius:7px;background:#fff7e4;border:1px solid #f1d18a;font-size:11px}.portal-footer{border-top:1px solid var(--border);background:#fff;color:var(--muted);font-size:11px}.portal-footer .container{min-height:48px;display:flex;justify-content:space-between;align-items:center}.portal-footer a{color:var(--text)}
@media(max-width:1100px){.portal-topbar{grid-template-columns:auto 1fr}.portal-account{grid-column:1/-1;justify-content:flex-start;padding-bottom:10px}.portal-order-layout{grid-template-columns:1fr}.portal-order-side{position:static;grid-template-columns:1fr 1fr}.subcategory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.portal-topbar{display:flex;flex-wrap:wrap;padding:10px 0}.portal-nav,.portal-account{gap:12px;flex-wrap:wrap}.portal-nav a.active{padding:8px 0 5px}.portal-progress{overflow:auto}.portal-detail-grid,.portal-address-grid,.portal-order-side{grid-template-columns:1fr}.subcategory-grid{grid-template-columns:1fr}.portal-section{padding:12px}.upload-choice-row{display:grid}.portal-footer .container{display:grid;gap:4px;padding:10px 0}}