:root {
    --bg: #090b0e;
    --surface: #101419;
    --surface-elevated: #151b21;
    --surface-subtle: #0d1115;
    --border: #28313a;
    --border-soft: rgba(255, 255, 255, 0.08);
    --text-primary: #f3f6f8;
    --text-secondary: #98a5b3;
    --text-muted: #6f7c89;
    --accent-lime: #b8ff3d;
    --accent-lime-soft: rgba(184, 255, 61, 0.11);
    --accent-cyan: #78edff;
    --accent-cyan-soft: rgba(120, 237, 255, 0.1);
    --success: #b8ff3d;
    --warning: #ffd166;
    --danger: #ff7070;
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 28px;
    --shadow-panel: 0 24px 70px rgba(0, 0, 0, 0.24);
    --page-width: 1180px;
}

* { box-sizing: border-box; }

html { min-width: 320px; scroll-behavior: smooth; }

body {
    min-width: 320px;
    min-height: 100vh;
    margin: 0;
    color: var(--text-primary);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.5;
    background:
        radial-gradient(circle at 8% -8%, rgba(184, 255, 61, 0.13), transparent 29rem),
        radial-gradient(circle at 95% 8%, rgba(120, 237, 255, 0.09), transparent 28rem),
        var(--bg);
}

body::before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    pointer-events: none;
    opacity: 0.22;
    background-image: linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(to bottom, #000, transparent 68%);
}

a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }

h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { line-height: 1.08; letter-spacing: -0.045em; }

.page-container { width: min(var(--page-width), calc(100% - 40px)); margin: 0 auto; }
.site-main { min-height: calc(100vh - 154px); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.site-header {
    position: sticky;
    z-index: 30;
    top: 0;
    border-bottom: 1px solid var(--border-soft);
    background: rgba(9, 11, 14, 0.76);
    backdrop-filter: blur(18px);
}

.header-inner { display: flex; align-items: center; justify-content: space-between; height: 72px; gap: 24px; }

.brand { display: inline-flex; align-items: center; gap: 5px; font-size: 1.35rem; font-weight: 900; letter-spacing: -0.055em; white-space: nowrap; }
.brand span { color: var(--accent-lime); }

.primary-navigation { display: flex; align-items: center; justify-content: center; gap: 5px; margin-left: auto; }
.primary-navigation a { padding: 8px 11px; border-radius: 9px; color: var(--text-secondary); font-size: 0.875rem; font-weight: 680; transition: color .18s ease, background .18s ease; }
.primary-navigation a:hover, .primary-navigation a[aria-current="page"] { color: var(--text-primary); background: rgba(255, 255, 255, 0.055); }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 11px 17px; border: 1px solid transparent; border-radius: 999px; font-size: .875rem; font-weight: 820; line-height: 1; transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #101504; background: var(--accent-lime); box-shadow: 0 9px 26px rgba(184, 255, 61, .12); }
.button-primary:hover { background: #cbff73; box-shadow: 0 12px 32px rgba(184, 255, 61, .18); }
.button-secondary { border-color: var(--border); color: var(--text-primary); background: var(--surface-elevated); }
.button-secondary:hover { border-color: #4b5967; background: #1a222a; }

.menu-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 1px solid var(--border); border-radius: 11px; color: var(--text-primary); background: var(--surface-elevated); cursor: pointer; }
.menu-toggle span:not(.sr-only) { display: block; width: 20px; height: 2px; margin: 4px auto; background: currentColor; transition: transform .18s ease; }

.hero-section { padding: clamp(72px, 11vw, 132px) 0 72px; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); align-items: center; gap: clamp(36px, 7vw, 86px); }
.hero-copy { max-width: 710px; }
.eyebrow, .panel-kicker, .sidebar-label { margin: 0; color: #d8ffad; font-size: .7rem; font-weight: 850; letter-spacing: .115em; text-transform: uppercase; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid rgba(184, 255, 61, .18); border-radius: 999px; background: var(--accent-lime-soft); }
.live-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--accent-lime); box-shadow: 0 0 14px rgba(184, 255, 61, .8); }
.hero-copy h1 { max-width: 660px; margin: 19px 0 25px; font-size: clamp(3.3rem, 7.2vw, 5.9rem); }
.hero-copy h1 span { color: var(--accent-cyan); background: linear-gradient(90deg, var(--accent-lime), var(--accent-cyan)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.hero-description { max-width: 630px; margin-bottom: 31px; color: var(--text-secondary); font-size: clamp(1rem, 1.7vw, 1.19rem); }
.button-row { display: flex; flex-wrap: wrap; gap: 10px; }
.chip-row { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.chip-row span { padding: 7px 10px; border: 1px solid var(--border); border-radius: 999px; color: var(--text-secondary); background: rgba(255, 255, 255, .025); font-size: .75rem; font-weight: 650; }

.hero-visual { position: relative; min-height: 475px; overflow: hidden; border: 1px solid var(--border); border-radius: 32px; background: linear-gradient(145deg, #192027, #0e1216 70%); box-shadow: var(--shadow-panel); }
.visual-grid { position: absolute; inset: 25px; border: 1px solid rgba(184, 255, 61, .16); border-radius: 23px; background: linear-gradient(rgba(184, 255, 61, .075) 1px, transparent 1px), linear-gradient(90deg, rgba(120, 237, 255, .06) 1px, transparent 1px), radial-gradient(circle at 50% 43%, rgba(184, 255, 61, .15), transparent 32%), #0c1013; background-size: 29px 29px, 29px 29px, auto; }
.print-cube { position: absolute; top: 50%; left: 50%; width: 174px; height: 174px; border: 3px solid var(--accent-lime); border-radius: 31px; box-shadow: 0 0 64px rgba(184, 255, 61, .25); transform: translate(-50%, -50%) rotate(10deg); }
.print-cube i, .print-cube b { position: absolute; display: block; border: 3px solid var(--accent-cyan); border-radius: 24px; }
.print-cube i { inset: 26px; }.print-cube b { inset: 55px; }
.floating-card { position: absolute; padding: 12px 14px; border: 1px solid var(--border); border-radius: 14px; background: rgba(17, 23, 29, .93); box-shadow: 0 12px 30px rgba(0, 0, 0, .3); font-size: .75rem; }
.floating-card strong, .floating-card span { display: block; }.floating-card span { margin-top: 2px; color: var(--text-secondary); }
.floating-card-one { bottom: 34px; left: 19px; }.floating-card-two { top: 45px; right: 19px; }

.section-block { padding: 70px 0; }.section-block-tight { padding-top: 28px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 32px; }.section-heading .eyebrow, .callout .eyebrow, .page-heading .eyebrow, .error-card .eyebrow { margin-bottom: 12px; }
.section-heading h2, .callout h2 { margin-bottom: 0; font-size: clamp(2rem, 4vw, 3.05rem); }.section-heading > p { max-width: 510px; margin-bottom: 0; color: var(--text-secondary); }
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }.process-grid article { padding-top: 20px; border-top: 1px solid var(--border); }.process-grid span { color: var(--accent-lime); font-size: .72rem; font-weight: 900; letter-spacing: .11em; }.process-grid h3 { margin: 10px 0 7px; font-size: 1.05rem; }.process-grid p { margin: 0; color: var(--text-secondary); font-size: .89rem; }
.callout { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: clamp(28px, 5vw, 46px); border: 1px solid rgba(184, 255, 61, .22); border-radius: var(--radius-lg); background: linear-gradient(135deg, rgba(184, 255, 61, .11), rgba(120, 237, 255, .07)); }.callout h2 { max-width: 670px; }.callout p:not(.eyebrow) { max-width: 650px; margin: 12px 0 0; color: var(--text-secondary); }

.account-shell { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 32px; padding-top: 35px; padding-bottom: 70px; }
.account-sidebar { position: sticky; top: 100px; display: flex; flex-direction: column; align-self: start; min-height: calc(100vh - 190px); padding: 18px 12px; border: 1px solid var(--border-soft); border-radius: var(--radius-md); background: rgba(12, 16, 20, .52); }.sidebar-label { padding: 0 8px 13px; color: var(--text-muted); font-size: .64rem; }
.account-navigation { display: grid; gap: 4px; }.account-navigation a { display: flex; align-items: center; gap: 10px; padding: 10px 9px; border-radius: 11px; color: var(--text-secondary); font-size: .84rem; font-weight: 700; transition: color .18s ease, background .18s ease; }.account-navigation a span { width: 16px; color: var(--text-muted); text-align: center; }.account-navigation a:hover, .account-navigation a[aria-current="page"] { color: var(--text-primary); background: var(--surface-elevated); }.account-navigation a[aria-current="page"] span { color: var(--accent-lime); }
.sidebar-customer { display: flex; align-items: center; gap: 10px; margin-top: auto; padding: 11px 9px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-subtle); }.avatar { display: grid; flex: 0 0 auto; width: 35px; height: 35px; place-items: center; border: 1px solid #44515e; border-radius: 11px; color: var(--text-primary); background: linear-gradient(135deg, rgba(184, 255, 61, .27), rgba(120, 237, 255, .18)); font-size: .72rem; font-weight: 850; }.sidebar-customer strong, .sidebar-customer small { display: block; }.sidebar-customer strong { max-width: 125px; overflow: hidden; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }.sidebar-customer small { max-width: 125px; overflow: hidden; margin-top: 1px; color: var(--text-muted); font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.account-content { min-width: 0; }.page-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin: 3px 0 28px; }.page-heading h1 { margin-bottom: 7px; font-size: clamp(2rem, 4vw, 2.6rem); }.page-heading p:not(.eyebrow) { margin-bottom: 0; color: var(--text-secondary); font-size: .94rem; }.detail-heading { align-items: end; margin-top: 17px; }

.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.34fr) minmax(260px, .66fr); gap: 18px; }.dashboard-primary, .dashboard-secondary { display: grid; align-content: start; gap: 18px; }
.panel { overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-md); background: linear-gradient(180deg, var(--surface-elevated), var(--surface)); box-shadow: 0 15px 40px rgba(0, 0, 0, .12); }.panel-body { padding: 22px; }.panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }.panel-head h2 { margin: 5px 0 0; font-size: clamp(1.15rem, 2vw, 1.48rem); }.panel-kicker { color: var(--accent-lime); font-size: .65rem; }.panel-title { margin: 0 0 16px; font-size: 1.1rem; }.active-order-panel { padding: 22px; }
.status-badge { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid var(--border); border-radius: 999px; color: var(--text-secondary); background: var(--surface-subtle); font-size: .68rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }.status-printing, .status-preparing { border-color: rgba(184, 255, 61, .22); color: #e2ffc0; background: var(--accent-lime-soft); }.status-delivered { border-color: rgba(120, 237, 255, .22); color: #c5f7ff; background: var(--accent-cyan-soft); }.status-dot { display: inline-block; width: 7px; height: 7px; border-radius: 999px; background: var(--text-muted); }.status-printing .status-dot, .status-preparing .status-dot { background: var(--accent-lime); }.status-delivered .status-dot { background: var(--accent-cyan); }.is-pulsing { animation: status-pulse 1.65s infinite; }@keyframes status-pulse { 70% { box-shadow: 0 0 0 8px rgba(184, 255, 61, 0); } 100% { box-shadow: 0 0 0 0 rgba(184, 255, 61, 0); } }
.product-summary { display: flex; align-items: center; gap: 14px; margin: 21px 0; }.product-icon, .order-row-icon { display: grid; flex: 0 0 auto; place-items: center; color: var(--accent-lime); background: radial-gradient(circle at 30% 30%, rgba(184, 255, 61, .22), transparent 43%), #0d1115; border: 1px solid var(--border); }.product-icon { width: 68px; height: 68px; border-radius: 17px; font-size: 1.9rem; }.product-summary h3 { margin: 0 0 3px; font-size: 1rem; }.product-summary p { margin: 0; color: var(--text-secondary); font-size: .81rem; }
.progress-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 8px; color: var(--text-secondary); font-size: .79rem; }.progress-heading strong { color: var(--text-primary); font-size: 1.6rem; line-height: 1; letter-spacing: -.055em; }.progress-track { height: 10px; overflow: hidden; border-radius: 999px; background: #273038; }.progress-value { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--accent-lime), var(--accent-cyan)); box-shadow: 0 0 16px rgba(120, 237, 255, .27); }.progress-value::after { display: block; width: 35%; height: 100%; content: ""; background: linear-gradient(90deg, transparent, rgba(255,255,255,.48), transparent); animation: bar-shine 2.2s linear infinite; }@keyframes bar-shine { from { transform: translateX(-140%); } to { transform: translateX(390%); } }
.order-timeline { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; padding: 0; margin: 25px 0 0; list-style: none; }.order-timeline li { position: relative; padding-top: 18px; color: var(--text-muted); font-size: .67rem; }.order-timeline li::before { position: absolute; z-index: 1; top: 0; left: 0; width: 8px; height: 8px; border: 2px solid var(--surface); border-radius: 50%; content: ""; background: #46515b; }.order-timeline li::after { position: absolute; top: 4px; right: 0; left: 9px; height: 1px; content: ""; background: #3c4650; }.order-timeline li:last-child::after { display: none; }.order-timeline .is-complete, .order-timeline .is-current { color: #dbe4ec; }.order-timeline .is-complete::before { background: var(--accent-lime); }.order-timeline .is-current::before { background: var(--accent-cyan); box-shadow: 0 0 13px rgba(120, 237, 255, .75); }

.live-preview-panel { display: grid; grid-template-columns: minmax(270px, .9fr) minmax(0, 1.1fr); }.live-preview-panel .panel-body { align-self: center; }.text-link { color: var(--accent-cyan); font-size: .78rem; font-weight: 750; white-space: nowrap; }.text-link:hover { color: #c7fbff; }.metric-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; margin-top: 18px; }.metric-grid > div { padding: 11px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-subtle); }.metric-grid span, .profile-grid span { display: block; color: var(--text-muted); font-size: .61rem; font-weight: 760; letter-spacing: .08em; text-transform: uppercase; }.metric-grid strong { display: block; margin-top: 4px; font-size: 1rem; letter-spacing: -.035em; }.metric-grid em { color: var(--text-muted); font-size: .69rem; font-style: normal; font-weight: 600; }
.workshop-placeholder { position: relative; min-height: 250px; overflow: hidden; background: #080a0c; }.workshop-placeholder-compact { min-height: 100%; }.workshop-placeholder-large { min-height: min(54vw, 495px); }.camera-grid { position: absolute; inset: 0; background: linear-gradient(rgba(120, 237, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(120, 237, 255, .045) 1px, transparent 1px), radial-gradient(circle at 55% 55%, rgba(184, 255, 61, .13), transparent 26%), linear-gradient(150deg, #151b20, #090b0d 70%); background-size: 32px 32px, 32px 32px, auto, auto; }.printer-frame { position: absolute; top: 13%; right: 23%; bottom: 12%; left: 23%; border: 3px solid #303a44; border-radius: 14px; box-shadow: inset 0 0 28px rgba(0, 0, 0, .72); }.printer-gantry { position: absolute; top: 28%; right: 26%; left: 26%; height: 3px; background: #59636c; }.printer-head { position: absolute; top: 25%; left: 45%; width: 42px; height: 29px; border: 1px solid #5b6773; border-radius: 7px; background: #2b353d; animation: printer-head-move 5s ease-in-out infinite alternate; }.printer-head::after { position: absolute; top: 26px; left: 19px; width: 4px; height: 19px; content: ""; background: #b1bbc3; }.printer-bed { position: absolute; right: 29%; bottom: 17%; left: 29%; height: 22%; border: 2px solid #4a555f; background: #151a1f; transform: perspective(300px) rotateX(55deg); }.printed-object { position: absolute; bottom: 25%; left: 43%; width: 15%; height: 24%; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, var(--accent-lime), #5a7f20); box-shadow: 0 0 20px rgba(184, 255, 61, .25); }@keyframes printer-head-move { from { left: 35%; } to { left: 57%; } }.live-overlay, .camera-order { position: absolute; padding: 6px 9px; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; background: rgba(12, 15, 18, .82); color: #e5edf3; font-size: .62rem; font-weight: 800; letter-spacing: .06em; }.live-overlay { top: 13px; left: 13px; }.live-overlay b { color: var(--danger); }.camera-order { top: 13px; right: 13px; color: var(--text-secondary); }
.quick-stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.quick-stat-grid div { padding: 12px 8px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-subtle); }.quick-stat-grid strong, .quick-stat-grid span { display: block; }.quick-stat-grid strong { font-size: .9rem; letter-spacing: -.04em; }.quick-stat-grid span { margin-top: 3px; color: var(--text-muted); font-size: .59rem; }.panel-count { color: var(--text-muted); font-size: .7rem; }.queue-list { display: grid; gap: 8px; }.queue-list > div { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 8px; padding: 8px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-subtle); }.queue-list > div > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: var(--text-secondary); background: var(--surface-elevated); font-size: .61rem; font-weight: 850; }.queue-list p { min-width: 0; margin: 0; }.queue-list strong, .queue-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.queue-list strong { font-size: .69rem; }.queue-list small { color: var(--text-muted); font-size: .61rem; }.queue-list b { color: var(--text-muted); font-size: .55rem; letter-spacing: .05em; }.queue-list > div:first-child b { color: var(--accent-lime); }
.detail-list { display: grid; gap: 10px; margin: 0; }.detail-list div { padding: 10px 11px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-subtle); }.detail-list dt { margin-bottom: 3px; color: var(--text-muted); font-size: .63rem; font-weight: 740; letter-spacing: .07em; text-transform: uppercase; }.detail-list dd { margin: 0; font-size: .78rem; font-weight: 700; }

.orders-panel { padding: 5px 20px; }.order-list { display: grid; }.order-row { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto auto 18px; align-items: center; gap: 16px; padding: 17px 2px; border-bottom: 1px solid var(--border); transition: background .18s ease, transform .18s ease; }.order-row:last-child { border-bottom: 0; }.order-row:hover { background: rgba(255,255,255,.025); transform: translateX(3px); }.order-row-icon { width: 42px; height: 42px; border-radius: 12px; }.order-row-main strong, .order-row-main span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.order-row-main strong { font-size: .86rem; }.order-row-main span { margin-top: 3px; color: var(--text-secondary); font-size: .71rem; }.order-price { font-size: .82rem; white-space: nowrap; }.row-arrow { color: var(--accent-cyan); }
.back-link { display: inline-flex; margin-top: 1px; color: var(--text-secondary); font-size: .79rem; font-weight: 700; }.back-link:hover { color: var(--accent-cyan); }.order-detail-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(250px, .7fr); gap: 18px; }.order-detail-grid > div, .order-detail-grid > aside { display: grid; align-content: start; gap: 18px; }.order-timeline-detail { margin-bottom: 2px; }.detail-workshop .workshop-placeholder { min-height: 330px; }.live-page-panel .panel-body { padding: 24px; }.metric-grid-wide { grid-template-columns: repeat(4, 1fr); }.live-placeholder-copy { position: absolute; z-index: 2; top: 50%; left: 50%; width: min(88%, 470px); padding: 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; text-align: center; background: rgba(10, 13, 16, .77); backdrop-filter: blur(10px); transform: translate(-50%, -50%); }.live-placeholder-copy p, .live-placeholder-copy strong, .live-placeholder-copy span { display: block; }.live-placeholder-copy p { margin: 0 0 5px; color: var(--accent-lime); font-size: .67rem; font-weight: 850; letter-spacing: .13em; }.live-placeholder-copy strong { font-size: clamp(1.2rem, 3vw, 1.8rem); letter-spacing: -.04em; }.live-placeholder-copy span { margin-top: 6px; color: var(--text-secondary); font-size: .82rem; }.information-notice { margin: 17px 0 0; padding: 11px 13px; border: 1px solid rgba(120, 237, 255, .16); border-radius: 11px; color: #c5edf2; background: var(--accent-cyan-soft); font-size: .75rem; }
.profile-panel { max-width: 760px; }.profile-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }.profile-grid > div { padding: 14px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-subtle); }.profile-grid strong { display: block; margin-top: 4px; font-size: .83rem; }

.error-page { display: grid; min-height: calc(100vh - 155px); place-items: center; padding: 70px 0; }.error-card { max-width: 680px; padding: clamp(28px, 6vw, 52px); border: 1px solid var(--border); border-radius: var(--radius-lg); text-align: center; background: linear-gradient(145deg, var(--surface-elevated), var(--surface)); box-shadow: var(--shadow-panel); }.error-card h1 { margin-bottom: 16px; font-size: clamp(2.25rem, 5vw, 4rem); }.error-card p:not(.eyebrow) { max-width: 470px; margin: 0 auto 25px; color: var(--text-secondary); }

.site-footer { padding: 22px 0 40px; color: var(--text-muted); font-size: .75rem; }.footer-inner { display: flex; justify-content: space-between; gap: 18px; padding-top: 22px; border-top: 1px solid var(--border); }.footer-inner p { margin: 0; }.footer-inner strong { color: var(--text-secondary); }

.workshop-empty { max-width: 680px; padding: 45px 28px; text-align: center; }.workshop-empty h2 { margin: 8px 0 10px; font-size: 1.45rem; }.workshop-empty p { color: var(--text-secondary); }.printer-card-link { width: 100%; margin-top: 14px; }.printer-readiness { display: grid; gap: 3px; padding: 10px; margin-top: 14px; border: 1px solid var(--border); border-radius: 9px; font-size: .7rem; }.printer-readiness small { color: var(--text-muted); line-height: 1.35; }.printer-readiness.is-ready { border-color: rgba(184, 255, 61, .25); color: #dcffad; background: var(--accent-lime-soft); }.printer-readiness.is-not-ready { border-color: rgba(255, 209, 102, .25); color: #ffe8a8; background: rgba(255, 209, 102, .07); }.printer-readiness-panel { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 19px 22px; margin-bottom: 18px; border-color: rgba(184, 255, 61, .2); background: linear-gradient(135deg, rgba(184, 255, 61, .08), rgba(120, 237, 255, .05)); }.printer-readiness-panel h2 { margin: 5px 0; font-size: 1.2rem; }.printer-readiness-panel p { margin: 0; color: var(--text-secondary); font-size: .75rem; }.provider-config-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }.config-list { display: grid; gap: 7px; }.config-list > div { display: flex; align-items: center; justify-content: space-between; gap: 9px; padding: 9px 10px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface-subtle); font-size: .73rem; }.config-list strong { color: var(--accent-lime); font-size: .68rem; }.inline-config-form { display: grid; grid-template-columns: .6fr 1fr auto; gap: 7px; padding-top: 13px; margin-top: 13px; border-top: 1px solid var(--border); }.inline-config-form input, .material-checklist input:not([type="checkbox"]) { min-width: 0; padding: 9px; border: 1px solid var(--border); border-radius: 8px; color: var(--text-primary); background: var(--surface-subtle); }.material-checklist { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; }.material-checklist label { padding: 9px; border: 1px solid var(--border); border-radius: 8px; color: var(--text-secondary); font-size: .75rem; }.material-checklist input { accent-color: var(--accent-lime); }.material-checklist .button { grid-column: 1 / -1; margin-top: 5px; }.icon-action { width: 27px; height: 27px; border: 1px solid var(--border); border-radius: 7px; color: var(--danger); background: transparent; cursor: pointer; }.inventory-actions { display: inline-flex !important; align-items: center; gap: 8px; }.color-swatch { display: inline-block; width: 13px; height: 13px; margin-right: 5px; border: 1px solid rgba(255,255,255,.24); border-radius: 50%; vertical-align: -2px; }.pricing-table { margin-top: 18px; padding: 0 18px; }.pricing-table .inventory-head, .pricing-table .inventory-row { grid-template-columns: 1.7fr .8fr .8fr 1fr .7fr; }.pricing-table .inventory-row { min-width: 0; }.button-danger { cursor: pointer; }.provider-form textarea { min-height: 70px; resize: vertical; }
.upload-form-panel { max-width: 850px; }.upload-form { display: grid; gap: 18px; }.model-dropzone { position: relative; display: grid; place-items: center; gap: 7px; min-height: 245px; padding: 28px; border: 1px dashed rgba(120, 237, 255, .34); border-radius: 16px; color: var(--text-secondary); text-align: center; background: linear-gradient(135deg, rgba(120, 237, 255, .06), rgba(184, 255, 61, .04)); cursor: pointer; }.model-dropzone:hover, .model-dropzone.is-dragging { border-color: var(--accent-lime); background: var(--accent-lime-soft); }.model-dropzone input { position: absolute; width: 1px; height: 1px; opacity: 0; }.model-dropzone strong { color: var(--text-primary); font-size: 1rem; }.model-dropzone small { font-size: .72rem; }.selected-model { margin-top: 8px; color: var(--accent-cyan); font-size: .75rem; font-weight: 750; }.customer-job-summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; }.customer-job-summary h2 { margin: 5px 0 0; font-size: 1.15rem; }.customer-job-summary .quick-stat-grid { flex: 1; margin-top: 0; }.job-list { padding: 4px 20px; }.customer-job-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto auto 16px; align-items: center; gap: 12px; padding: 15px 2px; border-bottom: 1px solid var(--border); }.customer-job-row:last-child { border-bottom: 0; }.customer-job-row:hover { background: rgba(255,255,255,.025); }.job-row-icon { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid var(--border); border-radius: 11px; color: var(--accent-lime); background: var(--accent-lime-soft); }.customer-job-row strong, .customer-job-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.customer-job-row strong { color: var(--text-primary); font-size: .78rem; }.customer-job-row small { margin-top: 3px; color: var(--text-secondary); font-size: .67rem; }.job-created { color: var(--text-muted); font-size: .63rem; white-space: nowrap; }.status-awaiting_analysis, .status-draft { border-color: rgba(255, 209, 102, .25); color: #ffe8a8; background: rgba(255, 209, 102, .08); }.status-completed { border-color: rgba(120, 237, 255, .25); color: #c5f7ff; background: var(--accent-cyan-soft); }.job-detail-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr); gap: 18px; }.job-file-summary { display: flex; align-items: center; gap: 12px; padding-bottom: 18px; border-bottom: 1px solid var(--border); }.job-file-summary .upload-symbol { flex: 0 0 auto; width: 48px; height: 48px; margin: 0; border-radius: 13px; font-size: 1.4rem; }.job-file-summary div { min-width: 0; flex: 1; }.job-file-summary strong, .job-file-summary small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.job-file-summary strong { font-size: .8rem; }.job-file-summary small { margin-top: 3px; color: var(--text-muted); font-size: .66rem; }.job-detail-list { display: grid; gap: 9px; margin: 18px 0 0; }.job-detail-list div { padding: 11px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface-subtle); }.job-detail-list dt { margin-bottom: 4px; color: var(--text-muted); font-size: .61rem; text-transform: uppercase; }.job-detail-list dd { margin: 0; color: var(--text-primary); font-size: .76rem; line-height: 1.5; }.job-next-step h2 { margin: 9px 0 11px; font-size: 1.2rem; }.job-next-step p:not(.panel-kicker):not(.information-notice) { color: var(--text-secondary); font-size: .78rem; }

.admin-shell { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 30px; padding-top: 35px; padding-bottom: 70px; }.admin-sidebar { position: sticky; top: 100px; display: flex; flex-direction: column; align-self: start; min-height: calc(100vh - 190px); padding: 18px 12px; border: 1px solid rgba(120, 237, 255, .14); border-radius: var(--radius-md); background: rgba(12, 16, 20, .64); }.admin-navigation { display: grid; gap: 4px; }.admin-navigation a, .admin-disabled { display: flex; align-items: center; gap: 10px; padding: 10px 9px; border-radius: 10px; color: var(--text-secondary); font-size: .78rem; font-weight: 750; }.admin-navigation a:hover, .admin-navigation a[aria-current="page"] { color: var(--text-primary); background: var(--surface-elevated); }.admin-navigation a[aria-current="page"] { box-shadow: inset 2px 0 var(--accent-lime); }.admin-subnav { padding-left: 35px !important; color: var(--text-muted) !important; font-size: .7rem !important; font-weight: 600 !important; }.admin-disabled { color: #56616b; cursor: not-allowed; }.admin-site-link { margin-top: auto; padding: 12px 9px 4px; border-top: 1px solid var(--border); color: var(--accent-cyan); font-size: .75rem; font-weight: 750; }.admin-content { min-width: 0; }.admin-page-heading { align-items: center; }.admin-user-pill { padding: 8px 11px; border: 1px solid var(--border); border-radius: 999px; color: var(--text-secondary); background: var(--surface-subtle); font-size: .7rem; font-weight: 750; }.admin-stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 18px; }.admin-stat { padding: 18px; }.admin-stat span, .admin-stat small { display: block; color: var(--text-muted); font-size: .65rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }.admin-stat strong { display: block; margin: 9px 0 3px; color: var(--accent-cyan); font-size: 1.75rem; letter-spacing: -.06em; }.admin-stat-accent strong { color: var(--accent-lime); }.admin-stat small { color: var(--text-secondary); font-size: .67rem; font-weight: 500; letter-spacing: 0; text-transform: none; }.admin-dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr); gap: 18px; }.admin-panel { padding: 20px; }.admin-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 18px; }.admin-panel-head h2 { margin: 5px 0 0; font-size: 1.15rem; }.admin-empty { margin: 0; padding: 18px 0; color: var(--text-muted); font-size: .78rem; }.admin-list, .admin-audit-list, .admin-history-list { display: grid; gap: 7px; }.admin-list-row { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 9px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-subtle); }.admin-list-row:hover { border-color: rgba(120, 237, 255, .3); }.admin-list-avatar { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 9px; color: var(--accent-lime); background: var(--accent-lime-soft); font-size: .6rem; font-weight: 900; }.admin-list-row strong, .admin-list-row small, .admin-audit-list strong, .admin-audit-list small, .admin-history-list strong, .admin-history-list small { display: block; }.admin-list-row strong { font-size: .74rem; }.admin-list-row small, .admin-audit-list small, .admin-history-list small { margin-top: 2px; color: var(--text-muted); font-size: .63rem; }.admin-audit-list > div, .admin-history-list > div { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--border); }.admin-audit-list > div:last-child, .admin-history-list > div:last-child { border-bottom: 0; }.audit-mark { color: var(--accent-lime); font-size: .8rem; }.admin-status { display: inline-flex; align-items: center; gap: 6px; padding: 6px 8px; border: 1px solid var(--border); border-radius: 999px; font-size: .59rem; font-weight: 850; white-space: nowrap; }.admin-status-pending { border-color: rgba(255, 209, 102, .3); color: #ffe8a8; background: rgba(255, 209, 102, .08); }.admin-status-approved { border-color: rgba(184, 255, 61, .25); color: #dcffad; background: var(--accent-lime-soft); }.admin-status-rejected, .admin-status-suspended { border-color: rgba(255, 112, 112, .25); color: #ffc1c1; background: rgba(255, 112, 112, .08); }.admin-search { display: flex; align-items: end; gap: 9px; margin-bottom: 16px; }.admin-search label { display: grid; gap: 5px; width: min(100%, 390px); color: var(--text-muted); font-size: .66rem; font-weight: 750; }.admin-search input { padding: 10px 11px; border: 1px solid var(--border); border-radius: 9px; color: var(--text-primary); background: var(--surface-subtle); outline: none; }.admin-search input:focus { border-color: var(--accent-cyan); }.admin-table-wrap { overflow-x: auto; padding: 0 18px; }.admin-table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: .73rem; }.admin-table th { padding: 14px 7px; color: var(--text-muted); font-size: .6rem; letter-spacing: .07em; text-align: left; text-transform: uppercase; }.admin-table td { padding: 13px 7px; border-top: 1px solid var(--border); color: var(--text-secondary); vertical-align: middle; }.admin-table td strong, .admin-table td small { display: block; }.admin-table td strong { color: var(--text-primary); font-size: .75rem; }.admin-table td small { margin-top: 3px; color: var(--text-muted); font-size: .63rem; }.admin-role-list { display: flex; flex-wrap: wrap; gap: 4px; }.admin-role-list span { padding: 4px 6px; border-radius: 5px; color: var(--accent-cyan); background: var(--accent-cyan-soft); font-size: .59rem; font-weight: 750; }.admin-active { display: inline-flex; padding: 6px 8px; border-radius: 999px; font-size: .62rem; font-weight: 800; }.is-active { color: #dcffad; background: var(--accent-lime-soft); }.is-inactive { color: #ffc1c1; background: rgba(255, 112, 112, .08); }.admin-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding: 16px 0; color: var(--text-muted); font-size: .68rem; }.admin-pagination a { color: var(--accent-cyan); font-weight: 750; }.admin-filter-links { display: flex; gap: 6px; }.admin-filter-links a { padding: 8px 10px; border: 1px solid var(--border); border-radius: 8px; color: var(--text-secondary); font-size: .68rem; font-weight: 750; }.admin-filter-links a[aria-current="page"], .admin-filter-links a:hover { border-color: var(--accent-cyan); color: var(--text-primary); }.admin-back-link { display: inline-flex; margin: 2px 0 13px; color: var(--text-secondary); font-size: .72rem; font-weight: 750; }.admin-detail-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr); gap: 18px; }.admin-detail-list { display: grid; gap: 9px; margin: 0; }.admin-detail-list div { padding: 10px 11px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface-subtle); }.admin-detail-list dt { margin-bottom: 3px; color: var(--text-muted); font-size: .6rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }.admin-detail-list dd { margin: 0; color: var(--text-primary); font-size: .76rem; line-height: 1.45; }.admin-action-box { margin-top: 20px; padding-top: 17px; border-top: 1px solid var(--border); }.admin-action-grid { display: grid; gap: 9px; margin-top: 11px; }.admin-action-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; align-items: center; }.admin-action-form textarea { width: 100%; padding: 9px; border: 1px solid var(--border); border-radius: 8px; resize: vertical; color: var(--text-primary); background: var(--surface-subtle); font-size: .7rem; }.admin-action-form .button { min-height: 38px; padding: 9px 12px; font-size: .68rem; }.button-danger { color: #fff0f0; background: rgba(170, 55, 65, .76); border-color: rgba(255, 112, 112, .3); }.button-danger:hover { background: rgba(192, 64, 74, .9); }.admin-history-panel { margin-top: 18px; }.admin-history-list strong { font-size: .73rem; }.admin-history-list small { line-height: 1.45; }

.header-auth-actions { display: flex; align-items: center; gap: 7px; }.header-auth-actions form { display: contents; }.auth-page { display: grid; min-height: calc(100vh - 155px); place-items: center; padding: 70px 0; }.auth-card { width: min(100%, 480px); padding: clamp(24px, 5vw, 42px); }.auth-card-wide { width: min(100%, 720px); }.auth-card-head { margin-bottom: 25px; }.auth-card-head h1 { margin: 14px 0 9px; font-size: clamp(2.1rem, 5vw, 3.2rem); }.auth-card-head p:not(.eyebrow) { margin: 0; color: var(--text-secondary); }.auth-form, .provider-form { display: grid; gap: 16px; }.auth-form label, .provider-form label { display: grid; gap: 6px; color: var(--text-secondary); font-size: .76rem; font-weight: 750; }.auth-form label > span, .provider-form label > span { color: var(--text-muted); font-size: .68rem; font-weight: 500; }.auth-form input, .provider-form textarea { width: 100%; padding: 12px 13px; border: 1px solid var(--border); border-radius: 10px; color: var(--text-primary); background: var(--surface-subtle); outline: none; }.auth-form input:focus, .provider-form textarea:focus { border-color: var(--accent-cyan); box-shadow: 0 0 0 3px rgba(120, 237, 255, .08); }.auth-form small, .provider-form small, .field-error { color: var(--danger); font-size: .68rem; font-weight: 650; }.auth-form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }.terms-row { display: flex !important; grid-template-columns: none !important; align-items: flex-start; gap: 8px !important; color: var(--text-secondary) !important; font-size: .71rem !important; font-weight: 500 !important; }.terms-row input { flex: 0 0 auto; width: auto !important; margin-top: 3px; accent-color: var(--accent-lime); }.terms-row a, .auth-switch a { color: var(--accent-cyan); }.auth-switch { margin: 22px 0 0; color: var(--text-secondary); text-align: center; font-size: .78rem; }.form-alert { padding: 11px 13px; border: 1px solid; border-radius: 10px; font-size: .76rem; }.form-alert-error { border-color: rgba(255, 112, 112, .28); color: #ffc1c1; background: rgba(255, 112, 112, .08); }.flash-stack { position: relative; z-index: 2; padding-top: 16px; }.flash-message { padding: 11px 14px; border: 1px solid; border-radius: 10px; font-size: .76rem; font-weight: 700; }.flash-success { border-color: rgba(184, 255, 61, .25); color: #dcffad; background: var(--accent-lime-soft); }.flash-error { border-color: rgba(255, 112, 112, .28); color: #ffc1c1; background: rgba(255, 112, 112, .08); }.flash-warning { border-color: rgba(255, 209, 102, .28); color: #ffe8a8; background: rgba(255, 209, 102, .08); }.flash-info { border-color: rgba(120, 237, 255, .25); color: #c5f7ff; background: var(--accent-cyan-soft); }.profile-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }.profile-form-grid .profile-panel { max-width: none; }.profile-form-grid input:disabled { color: var(--text-muted); cursor: not-allowed; }

.provider-shell { grid-template-columns: 236px minmax(0, 1fr); }.provider-sidebar { border-color: rgba(120, 237, 255, .14); }.provider-heading { margin-top: 3px; }.provider-stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 18px; }.provider-stat-grid span, .provider-stat-grid small { display: block; color: var(--text-muted); font-size: .66rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }.provider-stat-grid strong { display: block; margin: 10px 0 3px; color: var(--accent-lime); font-size: 1.65rem; letter-spacing: -.06em; }.provider-stat-grid small { color: var(--text-secondary); font-size: .68rem; font-weight: 500; letter-spacing: 0; text-transform: none; }.provider-dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(230px, .7fr); gap: 18px; }.provider-queue, .provider-mini-printers { display: grid; gap: 8px; margin-top: 20px; }.provider-queue > div { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-subtle); }.provider-queue b { color: var(--text-muted); font-size: .68rem; }.provider-queue span, .provider-queue strong, .provider-queue small { display: block; }.provider-queue strong { font-size: .78rem; }.provider-queue small { margin-top: 2px; color: var(--text-secondary); font-size: .68rem; }.provider-queue i { color: var(--accent-lime); font-size: .6rem; font-style: normal; font-weight: 850; }.provider-mini-printers > div { display: grid; grid-template-columns: 10px 1fr auto; align-items: center; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--border); }.provider-mini-printers > div:last-child { border-bottom: 0; }.provider-mini-printers strong { font-size: .76rem; }.provider-mini-printers small { color: var(--text-muted); font-size: .62rem; }.provider-section { padding-top: 58px; }.provider-section .section-heading { margin-bottom: 20px; }.provider-section h2 { margin: 8px 0 0; font-size: 1.65rem; }.job-card-grid, .printer-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.job-card { padding: 18px; }.job-card-top, .job-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.job-card h3 { margin: 20px 0 5px; font-size: 1.02rem; }.job-material, .printer-technology { margin: 0; color: var(--accent-cyan); font-size: .78rem; font-weight: 750; }.job-meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 20px 0; }.job-meta div { padding: 8px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface-subtle); }.job-meta dt { color: var(--text-muted); font-size: .58rem; }.job-meta dd { margin: 3px 0 0; font-size: .7rem; font-weight: 800; }.job-card-footer { padding-top: 14px; border-top: 1px solid var(--border); }.job-card-footer strong { color: var(--accent-lime); font-size: .95rem; }.job-card-footer div { display: flex; gap: 6px; }.job-card-footer .button { min-height: 34px; padding: 8px 10px; font-size: .67rem; }.page-actions { display: flex; justify-content: flex-end; margin: -9px 0 18px; }.printer-card h2 { margin: 5px 0 0; font-size: 1.08rem; }.printer-card .detail-list { margin-top: 18px; }.inventory-list { padding: 0 20px; }.inventory-head, .inventory-row { display: grid; grid-template-columns: 1.6fr 1fr .7fr .8fr; align-items: center; gap: 16px; padding: 15px 2px; border-bottom: 1px solid var(--border); font-size: .76rem; }.inventory-head { color: var(--text-muted); font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.inventory-row:last-child { border-bottom: 0; }.inventory-row span { color: var(--text-secondary); }.inventory-status { color: var(--accent-lime) !important; font-weight: 800; }.inventory-status.is-low { color: var(--warning) !important; }.pricing-panel { max-width: 900px; }.pricing-materials { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 18px; }.pricing-material { display: grid; gap: 9px; padding: 15px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-subtle); }.pricing-material > strong { color: var(--accent-lime); }.pricing-material label, .provider-form label { display: grid; gap: 5px; color: var(--text-secondary); font-size: .68rem; font-weight: 700; }.pricing-material input, .provider-form input, .provider-form select { width: 100%; padding: 9px 10px; border: 1px solid var(--border); border-radius: 8px; color: var(--text-primary); background: var(--surface-elevated); outline: none; }.empty-provider-panel { max-width: 700px; padding: 30px; }.empty-provider-panel h2 { margin: 9px 0 12px; font-size: 1.45rem; }.empty-provider-panel p:not(.panel-kicker) { color: var(--text-secondary); }.form-panel { max-width: 850px; }.provider-form { display: grid; gap: 22px; margin-top: 20px; }.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }.provider-form input:focus, .provider-form select:focus { border-color: var(--accent-cyan); }.provider-form fieldset { padding: 15px; border: 1px solid var(--border); border-radius: 12px; }.provider-form legend { padding: 0 6px; color: var(--text-muted); font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.checkbox-grid { display: flex; flex-wrap: wrap; gap: 10px 18px; }.checkbox-grid label { display: block; color: var(--text-primary); font-size: .78rem; }.checkbox-grid input, .toggle-row input { accent-color: var(--accent-lime); }.toggle-row { display: flex !important; grid-template-columns: none !important; align-items: center; gap: 8px !important; color: var(--text-primary) !important; }.toggle-row input { width: auto; }.upload-placeholder { max-width: 620px; padding: 48px 30px; text-align: center; }.upload-symbol { display: grid; width: 66px; height: 66px; margin: 0 auto 20px; place-items: center; border: 1px solid rgba(184, 255, 61, .3); border-radius: 18px; color: var(--accent-lime); background: var(--accent-lime-soft); font-size: 2rem; }.upload-placeholder h2 { margin-bottom: 9px; }.upload-placeholder p { margin-bottom: 23px; color: var(--text-secondary); }

@media (max-width: 1000px) {
    .hero-grid { grid-template-columns: 1fr; }.hero-copy { max-width: 780px; }.hero-visual { max-width: 620px; min-height: 380px; }.dashboard-grid, .order-detail-grid { grid-template-columns: 1fr; }.dashboard-secondary { grid-template-columns: repeat(3, 1fr); }.quick-stat-grid { grid-template-columns: 1fr; }.account-shell { grid-template-columns: 185px minmax(0, 1fr); gap: 23px; }.live-preview-panel { grid-template-columns: .85fr 1.15fr; }
}

@media (max-width: 760px) {
    .page-container { width: min(100% - 30px, var(--page-width)); }.header-inner { height: 64px; }.header-cta { display: none; }.menu-toggle { display: block; }.primary-navigation { position: absolute; top: 64px; right: 15px; left: 15px; display: none; padding: 8px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: #10151a; box-shadow: var(--shadow-panel); }.primary-navigation.is-open { display: grid; }.primary-navigation a { padding: 11px; }.hero-section { padding-top: 62px; }.hero-visual { min-height: 330px; }.section-heading, .callout { align-items: flex-start; flex-direction: column; }.process-grid { grid-template-columns: repeat(2, 1fr); }.account-shell { display: block; padding-top: 22px; }.account-sidebar { position: static; display: block; min-height: 0; margin-bottom: 25px; padding: 8px; }.sidebar-label, .sidebar-customer { display: none; }.account-navigation { grid-template-columns: repeat(4, 1fr); gap: 3px; }.account-navigation a { flex-direction: column; justify-content: center; gap: 4px; min-height: 57px; padding: 7px 4px; text-align: center; font-size: .6rem; }.account-navigation a span { font-size: .85rem; }.page-heading { margin-bottom: 21px; }.dashboard-secondary { grid-template-columns: 1fr; }.live-preview-panel { grid-template-columns: 1fr; }.workshop-placeholder-compact { min-height: 250px; }.metric-grid-wide { grid-template-columns: repeat(2, 1fr); }.order-row { grid-template-columns: 42px minmax(0, 1fr) auto 14px; gap: 9px; }.order-row-status { display: none; }.order-price { font-size: .74rem; }.orders-panel { padding: 4px 12px; }.order-timeline { gap: 2px; }.order-timeline li { font-size: .56rem; }.detail-heading { align-items: flex-start; }.detail-heading .status-badge { margin-top: 5px; }.footer-inner { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 480px) {
    .hero-copy h1 { font-size: 3.1rem; }.hero-visual { min-height: 290px; border-radius: 23px; }.visual-grid { inset: 17px; }.print-cube { width: 138px; height: 138px; border-radius: 25px; }.print-cube i { inset: 20px; }.print-cube b { inset: 45px; }.floating-card { padding: 9px; font-size: .62rem; }.floating-card-two { top: 28px; right: 12px; }.floating-card-one { bottom: 25px; left: 12px; }.process-grid, .profile-grid { grid-template-columns: 1fr; }.active-order-panel, .panel-body { padding: 17px; }.panel-head { gap: 10px; }.panel-head h2 { font-size: 1.12rem; }.status-badge { padding: 6px 8px; font-size: .58rem; }.order-timeline { grid-template-columns: 1fr; gap: 10px; }.order-timeline li { min-height: 18px; padding: 1px 0 0 20px; font-size: .69rem; }.order-timeline li::before { top: 2px; }.order-timeline li::after { top: 11px; right: auto; bottom: -11px; left: 4px; width: 1px; height: auto; }.metric-grid { grid-template-columns: 1fr 1fr; }.live-page-panel .panel-body { padding: 17px; }.workshop-placeholder-large { min-height: 355px; }.order-row-main strong { font-size: .75rem; }.order-row-main span { font-size: .63rem; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media (max-width: 1000px) {
    .provider-stat-grid { grid-template-columns: repeat(2, 1fr); }.provider-dashboard-grid { grid-template-columns: 1fr; }.job-card-grid, .printer-card-grid { grid-template-columns: repeat(2, 1fr); }.admin-stat-grid { grid-template-columns: repeat(2, 1fr); }.admin-dashboard-grid, .admin-detail-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .provider-shell { display: block; }.provider-sidebar { margin-bottom: 25px; }.provider-sidebar .account-navigation, .account-navigation { grid-template-columns: repeat(3, 1fr); }.provider-stat-grid { gap: 8px; }.provider-stat-grid strong { font-size: 1.3rem; }.job-card-grid, .printer-card-grid, .pricing-materials, .profile-form-grid, .provider-config-grid, .job-detail-grid { grid-template-columns: 1fr; }.inventory-list { padding: 0 12px; overflow-x: auto; }.inventory-head, .inventory-row { min-width: 580px; }.form-grid, .auth-form-grid { grid-template-columns: 1fr; }.page-actions { justify-content: flex-start; margin-top: -7px; }.header-auth-actions .header-cta { display: none; }.header-auth-actions .header-logout { display: inline-flex; min-height: 38px; padding: 9px 12px; }.admin-shell { display: block; padding-top: 22px; }.admin-sidebar { position: static; min-height: 0; margin-bottom: 24px; }.admin-navigation { grid-template-columns: repeat(3, 1fr); }.admin-navigation .admin-subnav { padding-left: 9px !important; }.admin-site-link { margin-top: 12px; }.admin-page-heading { align-items: flex-start; flex-direction: column; }.admin-filter-links { width: 100%; }.admin-filter-links a { flex: 1; text-align: center; }.admin-action-form { grid-template-columns: 1fr; }.admin-action-form .button { width: 100%; }.customer-job-summary { align-items: flex-start; flex-direction: column; }.customer-job-summary .quick-stat-grid { width: 100%; }.customer-job-row { grid-template-columns: 36px minmax(0, 1fr) 16px; gap: 8px; }.customer-job-row .status-badge, .job-created { display: none; }.job-list { padding: 4px 12px; }.job-file-summary { align-items: flex-start; flex-wrap: wrap; }.job-file-summary .button { width: 100%; }.inline-config-form { grid-template-columns: 1fr; }.printer-readiness-panel { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 480px) {
    .provider-stat-grid { grid-template-columns: 1fr 1fr; }.provider-stat-grid .panel-body { padding: 13px; }.provider-stat-grid span { font-size: .57rem; }.provider-stat-grid strong { font-size: 1.08rem; }.job-meta { gap: 4px; }.job-meta div { padding: 7px 5px; }.job-meta dt { font-size: .53rem; }.job-meta dd { font-size: .64rem; }.job-card-footer { align-items: flex-start; flex-direction: column; }.job-card-footer div { width: 100%; }.job-card-footer .button { flex: 1; }.upload-placeholder { padding: 34px 18px; }
}