@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}.__variable_f367f3{--font-sans:"__Inter_f367f3","__Inter_Fallback_f367f3"}:root{--bg-base:#f8f8f7;--bg-surface:#fff;--bg-elevated:#f3f3f1;--bg-overlay:rgba(0,0,0,.4);--text-primary:#1a1a18;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-on-accent:#fff;--border:#e5e5e3;--border-strong:#d1d1cf;--border-focus:#4f46e5;--accent:#4f46e5;--accent-hover:#4338ca;--accent-light:#eef2ff;--accent-light-hover:#e0e7ff;--purple:#7c3aed;--purple-hover:#6d28d9;--purple-light:#f5f3ff;--teal:#0891b2;--teal-light:#ecfeff;--rose:#e11d48;--rose-light:#fff1f2;--amber:#d97706;--amber-light:#fffbeb;--emerald:#059669;--emerald-light:#ecfdf5;--success:#16a34a;--success-bg:#f0fdf4;--success-border:#bbf7d0;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--error:#dc2626;--error-bg:#fef2f2;--error-border:#fecaca;--info:#2563eb;--info-bg:#eff6ff;--info-border:#bfdbfe;--severity-critical:#dc2626;--severity-critical-bg:#fef2f2;--severity-high:#d97706;--severity-high-bg:#fffbeb;--severity-medium:#2563eb;--severity-medium-bg:#eff6ff;--severity-low:#6b7280;--severity-low-bg:#f9fafb;--score-excellent:#16a34a;--score-good:#2563eb;--score-fair:#d97706;--score-poor:#dc2626;--sidebar-bg:#fff;--sidebar-border:#e5e5e3;--sidebar-item-hover:#f3f3f1;--sidebar-item-active:#eef2ff;--sidebar-item-active-text:#4f46e5;--sidebar-width:240px;--sidebar-collapsed-width:60px;--gradient-brand:linear-gradient(135deg,#4f46e5,#7c3aed);--gradient-brand-soft:linear-gradient(135deg,#eef2ff,#f5f3ff);--gradient-success:linear-gradient(135deg,#059669,#16a34a);--gradient-warm:linear-gradient(135deg,#d97706,#e11d48);--gradient-cool:linear-gradient(135deg,#0891b2,#4f46e5);--gradient-hero:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(79,70,229,.15) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 80% 50%,rgba(124,58,237,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 20% 80%,rgba(8,145,178,.06) 0%,transparent 60%);--gradient-mesh:radial-gradient(at 40% 20%,rgba(167,153,255,.15) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(204,153,255,.1) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(153,214,255,.08) 0px,transparent 50%),radial-gradient(at 80% 50%,rgba(189,179,255,.1) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(204,153,255,.08) 0px,transparent 50%);--glow-accent:0 0 20px rgba(79,70,229,.25),0 0 40px rgba(79,70,229,.1);--glow-accent-sm:0 0 12px rgba(79,70,229,.2);--glow-success:0 0 20px rgba(22,163,74,.2);--glow-purple:0 0 20px rgba(124,58,237,.25);--glow-teal:0 0 20px rgba(8,145,178,.2);--glow-amber:0 0 20px rgba(217,119,6,.2);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--text-4xl:28px;--text-5xl:32px;--text-6xl:40px;--text-7xl:52px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.65;--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.04);--shadow-md:0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.04);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.08),0 10px 10px -5px rgba(0,0,0,.03);--shadow-xl:0 25px 50px -12px rgba(0,0,0,.12);--shadow-2xl:0 35px 60px -15px rgba(0,0,0,.2);--transition-fast:120ms ease;--transition:180ms ease;--transition-slow:280ms ease;--transition-bounce:300ms cubic-bezier(0.34,1.56,0.64,1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--header-height:56px;--content-max-width:1280px}[data-theme=dark]{--bg-base:#0e0e0d;--bg-surface:#1a1a18;--bg-elevated:#242422;--text-primary:#ededec;--text-secondary:#a0a09c;--text-muted:#6b6b67;--border:#2a2a28;--border-strong:#383836;--sidebar-bg:#141412;--sidebar-border:#252523;--sidebar-item-hover:#1e1e1c;--sidebar-item-active:#1e1b4b;--sidebar-item-active-text:#818cf8;--accent-light:#1e1b4b;--accent-light-hover:#312e81;--purple-light:#1e1035;--teal-light:#0a2030;--rose-light:#1c0a10;--amber-light:#1c1000;--emerald-light:#032015;--success-bg:#052e16;--success-border:#166534;--warning-bg:#1c0a00;--warning-border:#92400e;--error-bg:#1c0808;--error-border:#991b1b;--info-bg:#0c1a3e;--info-border:#1e3a8a;--severity-critical-bg:#1c0808;--severity-high-bg:#1c0a00;--severity-medium-bg:#0c1a3e;--severity-low-bg:#1a1a18;--shadow-xs:0 1px 2px rgba(0,0,0,.4);--shadow-sm:0 1px 3px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.4);--shadow:0 4px 6px -1px rgba(0,0,0,.5),0 2px 4px -1px rgba(0,0,0,.4);--shadow-md:0 10px 15px -3px rgba(0,0,0,.5);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.6);--shadow-xl:0 25px 50px -12px rgba(0,0,0,.7);--gradient-brand-soft:linear-gradient(135deg,#1e1b4b,#1e1035);--gradient-hero:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(79,70,229,.2) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 80% 50%,rgba(124,58,237,.12) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 20% 80%,rgba(8,145,178,.08) 0%,transparent 60%);--glow-accent:0 0 24px rgba(79,70,229,.4),0 0 48px rgba(79,70,229,.15);--glow-accent-sm:0 0 14px rgba(79,70,229,.35);--glow-success:0 0 20px rgba(22,163,74,.3);--glow-purple:0 0 24px rgba(124,58,237,.35)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{opacity:.5}50%{opacity:1;box-shadow:0 0 15px var(--accent-light)}to{opacity:.5}}@keyframes type-reveal{0%{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes scale-in-bounce{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes ring-draw{0%{stroke-dashoffset:283}to{stroke-dashoffset:var(--ring-offset)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.97)}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(5deg)}75%{transform:scale(.95) rotate(-5deg)}}@keyframes progress-fill{0%{width:0}to{width:var(--progress-width)}}@keyframes bounce-in{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-12px) rotate(.5deg)}66%{transform:translateY(-6px) rotate(-.5deg)}}@keyframes float-alt{0%,to{transform:translateY(-6px)}50%{transform:translateY(6px)}}@keyframes float-badge{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-6px) translateX(2px)}75%{transform:translateY(4px) translateX(-2px)}}@keyframes glow-pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes gradient-shift{0%,to{opacity:1}}@keyframes gradient-text-shift{0%,to{opacity:1}}@keyframes orb-drift-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.97)}}@keyframes orb-drift-2{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-25px,20px) scale(1.08)}70%{transform:translate(20px,-10px) scale(.95)}}@keyframes orb-drift-3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(15px,25px) scale(1.04)}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes count-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scan-line{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes dot-bounce{0%,80%,to{transform:scale(.7);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes border-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fade-in{animation:fade-in var(--transition) ease both}.animate-fade-in-up{animation:fade-in-up var(--transition-slow) ease both}.animate-fade-in-down{animation:fade-in-down var(--transition-slow) ease both}.animate-scale-in{animation:scale-in var(--transition) ease both}.animate-scale-in-bounce{animation:scale-in-bounce .4s cubic-bezier(.34,1.56,.64,1) both}.animate-slide-in-left{animation:slide-in-left var(--transition-slow) ease both}.animate-slide-in-right{animation:slide-in-right var(--transition-slow) ease both}.animate-slide-up{animation:slide-up var(--transition-slow) ease both}.animate-spin{animation:spin .8s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shimmer{animation:shimmer 2s infinite}.animate-typewriter{animation:type-reveal 1.5s cubic-bezier(.2,.6,.2,1) both}.animate-sparkle{animation:sparkle 2s ease-in-out infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-alt{animation:float-alt 5s ease-in-out infinite}.animate-glow-pulse{animation:glow-pulse 3s ease-in-out infinite}.animate-gradient-shift{background-size:100% 100%}.stagger-children>*{animation:fade-in-up var(--transition-slow) ease both}.stagger-children>:first-child{animation-delay:0ms}.stagger-children>:nth-child(2){animation-delay:80ms}.stagger-children>:nth-child(3){animation-delay:.16s}.stagger-children>:nth-child(4){animation-delay:.24s}.stagger-children>:nth-child(5){animation-delay:.32s}.stagger-children>:nth-child(6){animation-delay:.4s}.stagger-children>:nth-child(7){animation-delay:.48s}.stagger-children>:nth-child(8){animation-delay:.56s}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}@media print{.app-layout>:not(.print-target),[class*=Header],[class*=Sidebar],[class*=Toast],[class*=Toolbar],[class*=previewWrapper]>:not([class*=a4]),[class*=sidebarWrapper],[class*=sidebar],[class*=toolbar],aside,header,nav{display:none!important}body{background:#fff!important;padding:0!important;margin:0!important}.a4-page,[class*=a4-page],[class*=a4Page]{display:block!important;width:100%!important;max-width:none!important;box-shadow:none!important;margin:0!important;padding:20mm!important}*{color-adjust:exact;-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4;margin:0}}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition),color var(--transition)}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-md)}p{line-height:var(--leading-relaxed)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-light);color:var(--accent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.truncate,.visually-hidden{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.divider{height:1px;background:var(--border);width:100%}.container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-6)}.app-layout{height:100vh}.app-layout,.app-main{display:flex;overflow:hidden}.app-main{flex:1 1;flex-direction:column;min-width:0}.app-content{flex:1 1;overflow-y:auto;padding:var(--space-8)}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}.page-subtitle{font-size:var(--text-md);color:var(--text-secondary);margin-top:var(--space-2)}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:var(--space-6)}.grid-2,.grid-3{display:grid;gap:var(--space-6)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-6);gap:var(--space-6)}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;gap:var(--space-4)}.empty-state-icon{font-size:48px;opacity:.4}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.empty-state-description{font-size:var(--text-base);color:var(--text-secondary);max-width:360px;line-height:var(--leading-relaxed)}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--border) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius)}.a4-page{width:210mm;min-height:297mm;background:#fff;box-shadow:var(--shadow-xl);margin:0 auto;position:relative;overflow:hidden}.score-excellent{color:var(--score-excellent)}.score-good{color:var(--score-good)}.score-fair{color:var(--score-fair)}.score-poor{color:var(--score-poor)}.gradient-text{background:var(--gradient-brand);background-clip:text;-webkit-background-clip:text}.gradient-text,.gradient-text-animated{-webkit-text-fill-color:transparent;color:transparent}.gradient-text-animated{background:linear-gradient(135deg,#4f46e5,#7c3aed,#0891b2,#4f46e5);background-size:100% 100%;background-clip:text;-webkit-background-clip:text}.glow-accent{box-shadow:var(--glow-accent)}.glow-accent-sm{box-shadow:var(--glow-accent-sm)}.glow-success{box-shadow:var(--glow-success)}.glass{background:hsla(0,0%,100%,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.5)}[data-theme=dark] .glass{background:rgba(26,26,24,.7);border-color:hsla(0,0%,100%,.06)}.glass-subtle{background:hsla(0,0%,100%,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-theme=dark] .glass-subtle{background:rgba(20,20,18,.5)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.02em}.badge-accent{background:var(--accent-light);color:var(--accent);border:1px solid rgba(79,70,229,.15)}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.app-content{padding:var(--space-6)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.app-content{padding:var(--space-4)}.page-title{font-size:var(--text-3xl)}}