.dpp-root{--dpp-bg: #fafaf7;--dpp-surface: #ffffff;--dpp-ink: #131313;--dpp-ink-2: #3d3d3d;--dpp-ink-3: #6d6d6d;--dpp-ink-4: #9e9e9e;--dpp-line: #ece8dd;--dpp-line-2: #f2efe6;--dpp-accent: #ff6b00;--dpp-accent-dim: #cc5500;--dpp-green: #16a34a;--dpp-green-bg: #ecfdf5;--dpp-blue: #2563eb;--dpp-font-display: "Space Grotesk", "Inter", system-ui, -apple-system, sans-serif;--dpp-font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;min-height:100vh;background:var(--dpp-bg);background-image:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(255,107,0,.06),transparent 70%),radial-gradient(ellipse 80% 50% at 100% 100%,rgba(22,163,74,.04),transparent 60%);color:var(--dpp-ink);font-family:var(--dpp-font-display);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.dpp-root .mono{font-family:var(--dpp-font-mono);letter-spacing:-.01em}.dpp-topbar{background:var(--dpp-ink);color:#fff;border-bottom:1px solid #000}.dpp-topbar-inner{max-width:960px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.dpp-brand{display:flex;align-items:center;gap:10px;color:#fff}.dpp-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--dpp-accent);color:#fff}.dpp-brand-word{font-weight:700;letter-spacing:.18em;font-size:14px}.dpp-topbar-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c}.dpp-wrap{max-width:960px;margin:0 auto;padding:32px 24px 72px}.dpp-loading,.dpp-error{max-width:520px;margin:120px auto;padding:32px;text-align:center;background:var(--dpp-surface);border:1px solid var(--dpp-line);border-radius:18px}.dpp-loading{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--dpp-ink-3)}.dpp-error h1{font-size:22px;margin-bottom:8px}.dpp-error p{color:var(--dpp-ink-3);font-family:var(--dpp-font-mono);font-size:13px}.dpp-spinner{width:16px;height:16px;border:2px solid var(--dpp-line);border-top-color:var(--dpp-accent);border-radius:50%;animation:dpp-spin .8s linear infinite}@keyframes dpp-spin{to{transform:rotate(360deg)}}.dpp-hero{background:var(--dpp-surface);border:1px solid var(--dpp-line);border-radius:22px;padding:36px;display:grid;grid-template-columns:1fr auto;gap:36px;align-items:flex-start;box-shadow:0 1px 2px #1313130a,0 12px 32px #1313130a;position:relative;overflow:hidden}.dpp-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 0% 0%,rgba(255,107,0,.05),transparent 40%);pointer-events:none}.dpp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--dpp-accent);margin-bottom:14px}.dpp-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--dpp-accent);box-shadow:0 0 0 3px #ff6b0033}.dpp-title{font-size:38px;font-weight:700;line-height:1.1;letter-spacing:-.025em;color:var(--dpp-ink);margin-bottom:12px}.dpp-lede{color:var(--dpp-ink-3);font-size:14px;line-height:1.55;margin-bottom:18px;max-width:520px}.dpp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.dpp-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:500;border-radius:999px;background:var(--dpp-line-2);color:var(--dpp-ink-2);border:1px solid var(--dpp-line);white-space:nowrap}.dpp-chip-sm{font-size:11px;padding:4px 9px}.dpp-chip-verified{background:var(--dpp-green-bg);color:var(--dpp-green);border-color:#16a34a33;font-weight:600}.dpp-chip-green{background:var(--dpp-green-bg);color:var(--dpp-green);border-color:#16a34a33}.dpp-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px 24px;padding-top:22px;border-top:1px solid var(--dpp-line-2);margin:0}.dpp-meta-grid dt{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dpp-ink-4);margin-bottom:4px}.dpp-meta-grid dd{font-size:15px;font-weight:500;color:var(--dpp-ink);margin:0}.dpp-qr-card{position:relative;background:#fff;border:1px solid var(--dpp-line);border-radius:14px;padding:14px;text-align:center;z-index:1}.dpp-qr-card svg{display:block}.dpp-qr-caption{font-size:10px;font-weight:600;color:var(--dpp-ink-3);margin-top:10px;letter-spacing:.14em;text-transform:uppercase}@media (max-width: 680px){.dpp-hero{padding:24px;grid-template-columns:1fr;gap:24px}.dpp-title{font-size:28px}.dpp-hero-right{justify-self:start}}.dpp-section{margin-top:40px}.dpp-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.dpp-section-title{font-size:20px;font-weight:700;letter-spacing:-.015em;color:var(--dpp-ink)}.dpp-section-note{font-size:12px;color:var(--dpp-ink-4);letter-spacing:.02em}.dpp-composition{margin-top:32px}.dpp-comp-bar{display:flex;height:14px;border-radius:10px;overflow:hidden;border:1px solid var(--dpp-line);background:var(--dpp-line-2)}.dpp-comp-seg{height:100%;transition:width .6s ease}.dpp-comp-legend{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 20px}.dpp-comp-legend li{display:flex;align-items:center;gap:10px;font-size:13px;padding:6px 0}.dpp-comp-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.dpp-comp-label{color:var(--dpp-ink-2);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dpp-comp-pct{color:var(--dpp-ink);font-variant-numeric:tabular-nums;font-weight:600}.dpp-steps-frame{background:var(--dpp-surface);border:1px solid var(--dpp-line);border-radius:16px;padding:22px 24px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.dpp-steps-frame::-webkit-scrollbar{display:none}.dpp-steps{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:0;min-width:max-content}.dpp-step{display:flex;align-items:center;gap:10px;flex-shrink:0;color:var(--dpp-ink-4);position:relative}.dpp-step:not(:last-child):after{content:"";display:block;width:32px;height:2px;background:var(--dpp-line);margin:0 14px;border-radius:1px}.dpp-step-dot{width:32px;height:32px;border-radius:50%;background:var(--dpp-surface);border:1.5px solid var(--dpp-line);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--dpp-ink-4);transition:all .25s ease}.dpp-step-name{font-size:13px;font-weight:500;white-space:nowrap}.dpp-step.reached{color:var(--dpp-ink)}.dpp-step.reached .dpp-step-dot{background:var(--dpp-ink);color:#fff;border-color:var(--dpp-ink)}.dpp-step.reached:not(:last-child):after{background:var(--dpp-ink)}.dpp-step.current .dpp-step-dot{background:var(--dpp-accent);border-color:var(--dpp-accent);color:#fff;box-shadow:0 0 0 5px #ff6b0026;transform:scale(1.05)}.dpp-step.current:not(:last-child):after{background:var(--dpp-line)}.dpp-impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.dpp-impact-card{background:linear-gradient(180deg,#fff,#fcfbf6);border:1px solid var(--dpp-line);border-radius:16px;padding:22px;position:relative;overflow:hidden}.dpp-impact-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--dpp-green-bg);color:var(--dpp-green);margin-bottom:14px}.dpp-impact-value{font-size:28px;font-weight:700;line-height:1;letter-spacing:-.025em;color:var(--dpp-ink);font-variant-numeric:tabular-nums}.dpp-impact-unit{font-size:14px;font-weight:500;color:var(--dpp-ink-3);margin-left:2px}.dpp-impact-label{font-size:12px;font-weight:500;color:var(--dpp-ink-3);margin-top:6px;letter-spacing:.01em}.dpp-impact-note{font-size:11px;color:var(--dpp-ink-4);line-height:1.55;margin-top:14px;max-width:640px}.dpp-inputs{display:flex;flex-direction:column;gap:14px}.dpp-input-card{background:var(--dpp-surface);border:1px solid var(--dpp-line);border-radius:16px;padding:22px;transition:border-color .2s}.dpp-input-card:hover{border-color:var(--dpp-accent-dim)}.dpp-input-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.dpp-input-desc{font-size:16px;font-weight:600;color:var(--dpp-ink);margin-bottom:8px;letter-spacing:-.005em}.dpp-input-sub{display:flex;flex-wrap:wrap;gap:6px}.dpp-input-weight{text-align:right;flex-shrink:0}.dpp-input-weight-val{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--dpp-ink);font-variant-numeric:tabular-nums}.dpp-input-weight-val small{font-size:13px;font-weight:500;color:var(--dpp-ink-3);margin-left:2px}.dpp-input-weight-pct{font-size:12px;color:var(--dpp-ink-4);margin-top:2px}.dpp-input-bar{height:4px;background:var(--dpp-line-2);border-radius:999px;overflow:hidden;margin-bottom:18px}.dpp-input-bar>div{height:100%;background:linear-gradient(90deg,var(--dpp-accent),var(--dpp-accent-dim));border-radius:999px;transition:width .8s cubic-bezier(.4,0,.2,1)}.dpp-input-details{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;font-size:13px;padding-top:14px;border-top:1px solid var(--dpp-line-2);margin:0}.dpp-input-details dt{color:var(--dpp-ink-4);font-weight:500}.dpp-input-details dd{color:var(--dpp-ink-2);margin:0}.dpp-tx{display:inline-flex;align-items:center;gap:8px;word-break:break-all}.dpp-verified-dot{width:7px;height:7px;border-radius:50%;background:var(--dpp-green);box-shadow:0 0 0 2px #16a34a26;flex-shrink:0}.dpp-timeline{list-style:none;margin:0;position:relative;padding:0 0 0 26px}.dpp-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,var(--dpp-line) 0%,var(--dpp-line) 80%,transparent)}.dpp-event{position:relative;padding:0 0 22px 18px}.dpp-event:before{content:"";position:absolute;left:-22px;top:6px;width:11px;height:11px;border-radius:50%;background:var(--dpp-surface);border:2px solid var(--dpp-ink-4)}.dpp-event-created:before{border-color:var(--dpp-green)}.dpp-event-updated:before{border-color:var(--dpp-accent)}.dpp-event-anchored:before{border-color:var(--dpp-blue);background:var(--dpp-blue)}.dpp-event-time{font-size:11px;color:var(--dpp-ink-4);font-family:var(--dpp-font-mono);margin-bottom:3px;letter-spacing:.01em}.dpp-event-detail{font-size:14px;color:var(--dpp-ink);font-weight:500}.dpp-event-mat{font-size:11px;color:var(--dpp-ink-4);margin-top:2px}.dpp-footer{margin-top:56px;padding:28px;background:var(--dpp-surface);border:1px solid var(--dpp-line);border-radius:16px}.dpp-footer-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding-bottom:18px;border-bottom:1px solid var(--dpp-line-2);margin-bottom:18px}.dpp-footer-label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dpp-ink-4);margin-bottom:5px}.dpp-footer-value{font-size:14px;color:var(--dpp-ink);font-weight:500}.dpp-footer-muted{color:var(--dpp-ink-3);font-weight:400}.dpp-footer-note{font-size:12px;color:var(--dpp-ink-3);line-height:1.65;max-width:720px;margin-bottom:18px}.dpp-footer-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--dpp-line-2);border:1px solid var(--dpp-line);border-radius:999px;font-size:11px;font-weight:600;color:var(--dpp-ink-2);letter-spacing:.02em}.dpp-footer-badge svg{color:var(--dpp-green)}@media print{.dpp-root{background:#fff;padding:0}.dpp-root:before{display:none}.dpp-topbar{background:#fff;color:var(--dpp-ink);border-bottom:2px solid var(--dpp-ink)}.dpp-topbar-label{color:var(--dpp-ink-3)}.dpp-brand-mark{background:var(--dpp-ink)}.dpp-hero,.dpp-impact-card,.dpp-steps-frame,.dpp-input-card,.dpp-footer{box-shadow:none;break-inside:avoid}.dpp-section,.dpp-input-card{break-inside:avoid}}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-card: #141414;--border: #2a2a2a;--border-highlight: #3a3a3a;--text-primary: #e8e8e8;--text-secondary: #888888;--text-muted: #555555;--accent: #ff6b00;--accent-dim: #cc5500;--status-online: #00ff88;--status-offline: #ff3344;--status-idle: #ffaa00;--status-maintenance: #8888ff;--font-mono: "JetBrains Mono", monospace;--font-display: "Space Grotesk", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.app-layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);padding:0;display:flex;flex-direction:column}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--border)}.logo{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.logo-icon{width:28px;height:28px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#000}.nav{flex:1;padding:16px 0}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;transition:all .15s ease;border-left:2px solid transparent}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{color:var(--accent);background:#ff6b000d;border-left-color:var(--accent)}.nav-icon{width:18px;height:18px;opacity:.7}.main-content{padding:32px 40px;overflow-y:auto}.page-header{margin-bottom:32px}.page-title{font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-.5px;margin-bottom:8px}.page-subtitle{font-size:13px;color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--bg-card);border:1px solid var(--border);padding:20px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent)}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px}.stat-value{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--text-primary);line-height:1}.stat-meta{font-size:11px;color:var(--text-secondary);margin-top:8px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:600}.data-table td{padding:14px 16px;border:1px solid var(--border);background:var(--bg-card);vertical-align:middle}.data-table tr:hover td{background:var(--bg-tertiary)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary);border:1px solid var(--border)}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.online,.status-badge.active{color:var(--status-online);border-color:#0f83}.status-badge.offline,.status-badge.inactive{color:var(--status-offline);border-color:#f343}.status-badge.idle{color:var(--status-idle);border-color:#fa03}.status-badge.maintenance{color:var(--status-maintenance);border-color:#88f3}.type-badge{display:inline-block;padding:4px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.data-card{background:var(--bg-card);border:1px solid var(--border);padding:20px}.data-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.data-card-title{font-family:var(--font-display);font-size:16px;font-weight:600}.data-card-id{font-size:10px;color:var(--text-muted);margin-top:2px}.data-card-body{display:flex;flex-direction:column;gap:8px}.data-card-row{display:flex;justify-content:space-between;align-items:flex-start;font-size:12px;gap:8px;min-width:0}.data-card-row>*{min-width:0}.data-card-label{color:var(--text-muted);flex-shrink:0}.data-card-row .blockchain-badge{flex:1;justify-content:flex-end}.data-card-value{color:var(--text-secondary)}.sync-panel{background:var(--bg-secondary);border:1px solid var(--border);padding:16px 20px;margin-top:auto}.sync-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sync-title{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.sync-indicator{width:8px;height:8px;border-radius:50%;background:var(--status-online);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.sync-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:11px;border-bottom:1px solid var(--border)}.sync-item:last-child{border-bottom:none}.sync-item-name{color:var(--text-secondary)}.sync-item-time{color:var(--text-muted);font-size:10px}.loading{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-muted);font-size:12px}.loading:before{content:"";width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin-right:12px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#ff33441a;border:1px solid rgba(255,51,68,.3);padding:16px 20px;color:var(--status-offline);font-size:13px}.empty{text-align:center;padding:60px;color:var(--text-muted);font-size:13px}.section{margin-bottom:32px}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.weight{font-family:var(--font-display);font-weight:600;color:var(--text-primary)}.weight-unit{font-size:10px;color:var(--text-muted);margin-left:2px}.machine-list{display:flex;flex-wrap:wrap;gap:4px}.machine-chip{font-size:10px;padding:2px 6px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.blockchain-badge{display:flex;align-items:center;gap:6px;font-size:11px;min-width:0;overflow:hidden}.blockchain-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:9px;font-weight:700;flex-shrink:0}.blockchain-icon.verified{background:#00ff8826;color:var(--status-online);border:1px solid rgba(0,255,136,.3)}.blockchain-badge.not-on-chain .blockchain-icon{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border)}.blockchain-status{color:var(--text-muted);font-style:italic}.blockchain-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1;overflow:hidden}.blockchain-tx{font-family:var(--font-mono);color:var(--text-secondary);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blockchain-time{color:var(--text-muted);font-size:8px}.blockchain-history-link{color:var(--accent);text-decoration:none;font-size:9px;font-weight:500;padding:2px 6px;background:#ff6b001a;border:1px solid rgba(255,107,0,.2);transition:all .15s ease;flex-shrink:0;white-space:nowrap}.blockchain-history-link:hover{background:#ff6b0033;border-color:var(--accent)}.history-page{max-width:900px}.history-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.history-back{color:var(--text-muted);text-decoration:none;font-size:12px;display:flex;align-items:center;gap:6px}.history-back:hover{color:var(--text-primary)}.history-timeline{position:relative;padding-left:24px}.history-timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--border)}.history-entry{position:relative;margin-bottom:24px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border)}.history-entry:before{content:"";position:absolute;left:-20px;top:20px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-primary)}.history-entry.deleted:before{background:var(--status-offline)}.history-entry-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.history-entry-tx{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.history-entry-time{font-size:11px;color:var(--text-muted)}.history-entry-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;background:var(--bg-tertiary);border:1px solid var(--border)}.history-entry-label.create{color:var(--status-online);border-color:#00ff884d}.history-entry-label.update{color:var(--status-idle);border-color:#ffaa004d}.history-entry-label.delete{color:var(--status-offline);border-color:#ff33444d}.history-entry-data{font-size:11px;background:var(--bg-secondary);padding:12px;border:1px solid var(--border);overflow-x:auto}.history-entry-data pre{margin:0;font-family:var(--font-mono);color:var(--text-secondary);white-space:pre-wrap;word-break:break-all}@media (max-width: 768px){.app-layout{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:20px}.stats-grid{grid-template-columns:1fr 1fr}}