@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --x1{syntax:"<percentage>";inherits:false;initial-value:20%}@property --y1{syntax:"<percentage>";inherits:false;initial-value:80%}@property --x2{syntax:"<percentage>";inherits:false;initial-value:80%}@property --y2{syntax:"<percentage>";inherits:false;initial-value:20%}@property --x3{syntax:"<percentage>";inherits:false;initial-value:50%}@property --y3{syntax:"<percentage>";inherits:false;initial-value:50%}:root{--fg:255, 255, 255;--bg:10, 10, 18;--accent:#6c5ce7;--accent-rgb:108, 92, 231;--accent-light:#6c5ce71f;--accent-glow:#6c5ce740;--success:#00d68f;--success-rgb:0, 214, 143;--warning:#ffaa2c;--warning-rgb:255, 170, 44;--danger:#ff6b6b;--danger-rgb:255, 107, 107;--info:#0abde3;--info-rgb:10, 189, 227;--surface-0:rgb(var(--bg));--surface-1:rgba(var(--fg), .03);--surface-2:rgba(var(--fg), .06);--surface-3:rgba(var(--fg), .09);--surface-glass:rgba(var(--fg), .04);--text-1:rgba(var(--fg), .92);--text-2:rgba(var(--fg), .56);--text-3:rgba(var(--fg), .32);--border-subtle:rgba(var(--fg), .06);--border-default:rgba(var(--fg), .1);--border-strong:rgba(var(--fg), .16);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 12px 48px #00000073;--shadow-glow:0 0 30px rgba(var(--accent-rgb), .12);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--ease-spring:cubic-bezier(.22, 1, .36, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Fira Code", "JetBrains Mono", monospace;--sidebar-w:260px}[data-theme=light]{--fg:0, 0, 0;--bg:250, 250, 252;--accent-light:#6c5ce714;--accent-glow:#6c5ce726;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 48px #0000001f;--shadow-glow:0 0 30px rgba(var(--accent-rgb), .08)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:rgb(var(--bg));color:var(--text-1);line-height:1.5;transition:background-color .4s,color .4s;overflow-x:hidden}#root{text-align:left;border:none;width:100%;max-width:100%;min-height:100vh;margin:0;display:block}.mesh-bg{z-index:0;pointer-events:none;background-color:rgb(var(--bg));background-image:radial-gradient(ellipse at var(--x1) var(--y1), #7a4de62e 0%, transparent 50%), radial-gradient(ellipse at var(--x2) var(--y2), #30abe81f 0%, transparent 50%), radial-gradient(ellipse at var(--x3) var(--y3), #dd3ca71a 0%, transparent 50%);animation:20s ease-in-out infinite meshMove;position:fixed;inset:0}[data-theme=light] .mesh-bg{background-image:radial-gradient(ellipse at var(--x1) var(--y1), #9c79ec1a 0%, transparent 50%), radial-gradient(ellipse at var(--x2) var(--y2), #5ebeed12 0%, transparent 50%), radial-gradient(ellipse at var(--x3) var(--y3), #e467bb0f 0%, transparent 50%)}@keyframes meshMove{0%,to{--x1:20%;--y1:80%;--x2:80%;--y2:20%;--x3:50%;--y3:50%}33%{--x1:65%;--y1:25%;--x2:25%;--y2:75%;--x3:80%;--y3:60%}66%{--x1:35%;--y1:60%;--x2:70%;--y2:45%;--x3:15%;--y3:30%}}.noise-overlay{z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}.app-shell{z-index:2;min-height:100vh;position:relative}.sidebar{width:var(--sidebar-w);background:rgba(var(--bg), .85);-webkit-backdrop-filter:saturate(180%)blur(24px);border-right:1px solid var(--border-subtle);z-index:100;transition:transform .35s var(--ease-spring);flex-direction:column;padding:24px 14px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:10px;padding:0 10px 28px;display:flex}.sidebar-brand-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), #0abde3);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.sidebar-brand-text{letter-spacing:-.02em;color:var(--text-1);font-size:15px;font-weight:700}.sidebar-brand-badge{border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent);margin-left:auto;padding:2px 6px;font-size:10px;font-weight:600}.nav-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:20px 10px 8px;font-size:11px;font-weight:600}.nav-item{border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex;position:relative}.nav-item:hover{background:var(--surface-1);color:var(--text-1)}.nav-item.active{background:var(--accent-light);color:var(--accent)}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.nav-item svg{opacity:.7;flex-shrink:0;width:16px;height:16px}.nav-item.active svg{opacity:1}.sidebar-footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding:16px 10px 0}.sidebar-user{align-items:center;gap:10px;padding:8px 0;display:flex}.sidebar-user-avatar{border-radius:var(--radius-full);color:#fff;background:linear-gradient(135deg,#6c5ce7,#00d68f);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-3);font-size:11px}.main-content{margin-left:var(--sidebar-w);z-index:2;min-height:100vh;padding:24px 32px 80px;position:relative}.top-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.top-header-title{letter-spacing:-.03em;font-size:clamp(18px,2.5vw,24px);font-weight:800}.gradient-text{background:linear-gradient(135deg, var(--accent), #0abde3, #00d68f, var(--accent));-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradientFlow}@keyframes gradientFlow{0%,to{background-position:0%}50%{background-position:100%}}.top-header-subtitle{color:var(--text-3);font-size:12px;font-weight:500}.top-header-actions{align-items:center;gap:8px;display:flex}.tabs-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.tabs-row-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-right:8px;font-size:11px;font-weight:600}.tab-btn{border-radius:var(--radius-full);border:1px solid var(--border-default);color:var(--text-2);cursor:pointer;transition:all .2s var(--ease-spring);-webkit-user-select:none;user-select:none;background:0 0;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600}.tab-btn:hover{background:var(--surface-1);color:var(--text-1);border-color:var(--border-strong)}.tab-btn.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.tab-btn-add{border-radius:var(--radius-full);border:1px dashed var(--border-default);color:var(--text-3);cursor:pointer;transition:all .2s var(--ease-spring);background:0 0;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:500}.tab-btn-add:hover{border-color:var(--accent);color:var(--accent)}.week-tab{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-3);cursor:pointer;transition:all .2s var(--ease-spring);background:0 0;padding:4px 12px;font-family:inherit;font-size:11px;font-weight:600}.week-tab:hover{background:var(--surface-1);color:var(--text-2)}.week-tab.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px rgba(var(--accent-rgb), .3)}.action-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.action-bar-hint{color:var(--text-3);align-items:center;margin-left:auto;font-size:10px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--ease-spring);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-rgb), .35)}.btn-primary:hover{box-shadow:0 4px 16px rgba(var(--accent-rgb), .45);filter:brightness(1.1)}.btn-primary:disabled{background:var(--surface-2);color:var(--text-3);box-shadow:none;cursor:default;filter:none}.btn-secondary{background:var(--surface-1);color:var(--text-1);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{background:var(--surface-1);color:var(--text-1)}.btn-danger{background:rgba(var(--danger-rgb), .12);color:var(--danger);border:1px solid rgba(var(--danger-rgb), .2)}.btn-danger:hover{background:rgba(var(--danger-rgb), .2)}.btn-import{background:rgba(var(--info-rgb), .12);color:var(--info);border:1px solid rgba(var(--info-rgb), .2)}.btn-import:hover{background:rgba(var(--info-rgb), .2)}.btn-export{background:var(--accent-light);color:var(--accent);border:1px solid rgba(var(--accent-rgb), .2)}.btn-export:hover{background:rgba(var(--accent-rgb), .2)}.btn-sm{padding:5px 12px;font-size:11px}.btn svg{width:14px;height:14px}.bento-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:24px;display:grid}.bento-card{background:var(--surface-glass);-webkit-backdrop-filter:saturate(180%)blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform .35s var(--ease-spring), box-shadow .35s ease, border-color .2s ease;animation:cardEntrance .6s var(--ease-spring) forwards;padding:20px;position:relative;overflow:hidden}@keyframes cardEntrance{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.bento-card:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);border-color:var(--border-strong);transform:translateY(-3px)}.metric-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:500}.metric-value{letter-spacing:-.03em;color:var(--text-1);font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1}.metric-delta{border-radius:var(--radius-full);align-items:center;gap:4px;margin-top:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.metric-delta.up{background:rgba(var(--success-rgb), .12);color:var(--success)}.metric-delta.down{background:rgba(var(--danger-rgb), .12);color:var(--danger)}.section-card{background:var(--surface-glass);-webkit-backdrop-filter:saturate(180%)blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:20px;padding:20px}.section-card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:16px;font-size:11px;font-weight:600}.data-table-container{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-glass);-webkit-backdrop-filter:saturate(180%)blur(16px);margin-bottom:24px;overflow:hidden}.data-table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.data-table thead th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);text-align:left;border-bottom:1px solid var(--border-default);background:var(--surface-1);white-space:nowrap;z-index:5;padding:12px 10px;font-size:10px;font-weight:600;position:sticky;top:0}.data-table thead th.center{text-align:center}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:var(--surface-1)}.data-table tbody td{color:var(--text-1);border-bottom:1px solid var(--border-subtle);white-space:nowrap;vertical-align:middle;padding:10px;font-size:13px}.data-table tbody td.center{text-align:center}.table-user{align-items:center;gap:10px;display:flex}.table-avatar{border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.table-name{font-weight:600}.table-sub{color:var(--text-3);font-size:11px}.role-badge{border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-2);padding:2px 8px;font-size:10px;font-weight:500}.progress-bar-track{background:var(--surface-2);border-radius:var(--radius-full);vertical-align:middle;width:80px;height:6px;margin-right:8px;display:inline-block;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .8s var(--ease-spring)}.pill{border-radius:var(--radius-full);font-size:11px;font-weight:700;font-family:var(--font-mono);cursor:pointer;transition:all .15s var(--ease-spring);text-align:center;-webkit-user-select:none;user-select:none;border:1px solid;justify-content:center;align-items:center;min-width:36px;padding:2px 10px;display:inline-flex}.pill:active{transform:scale(.9)}.pill-y{background:rgba(var(--success-rgb), .12);color:var(--success);border-color:rgba(var(--success-rgb), .25)}.pill-n{background:rgba(var(--danger-rgb), .12);color:var(--danger);border-color:rgba(var(--danger-rgb), .25)}.pill-na{background:rgba(var(--info-rgb), .12);color:var(--info);border-color:rgba(var(--info-rgb), .25)}.pill-empty{background:var(--surface-1);color:var(--text-3);border-color:var(--border-subtle)}.badge{border-radius:var(--radius-full);align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-light);color:var(--accent)}.badge-success{background:rgba(var(--success-rgb), .12);color:var(--success)}.badge-warning{background:rgba(var(--warning-rgb), .12);color:var(--warning)}.badge-danger{background:rgba(var(--danger-rgb), .12);color:var(--danger)}.badge-info{background:rgba(var(--info-rgb), .12);color:var(--info)}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge-dot.pulse{animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}.summary-card{background:var(--surface-glass);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px}.summary-block{border-left:3px solid var(--border-default);color:var(--text-2);margin-bottom:10px;padding:10px 14px;font-size:13px;line-height:1.75}.summary-block.highlight{border-left-color:var(--accent)}.summary-block.success{border-left-color:var(--success)}.summary-block.warning{border-left-color:var(--warning)}.summary-block.danger{border-left-color:var(--danger)}.low-performer-grid{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.low-card{background:rgba(var(--danger-rgb), .06);border:1px solid rgba(var(--danger-rgb), .2);border-radius:var(--radius-md);flex:1;min-width:160px;max-width:240px;padding:10px 14px}.low-card-name{color:var(--danger);margin-bottom:4px;font-size:12px;font-weight:700}.low-card-detail{color:var(--text-3);font-size:11px}.adoption-bars{flex-wrap:wrap;gap:5px;display:flex}.adoption-bar-item{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:4px;padding:3px 8px;font-size:10px}.adoption-bar-item .ab-name{color:var(--text-3)}.adoption-bar-item .ab-val{font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:500;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:rgba(var(--bg), .95);-webkit-backdrop-filter:saturate(180%)blur(32px);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);animation:modalScaleIn .25s var(--ease-spring);padding:28px}.modal-content.wide{max-width:720px;max-height:88vh;overflow-y:auto}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-title{color:var(--text-1);margin-bottom:4px;font-size:16px;font-weight:700}.modal-subtitle{color:var(--text-3);margin-bottom:20px;font-size:11px}.modal-actions{gap:8px;margin-top:20px;display:flex}.form-group{margin-bottom:16px}.form-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.form-input,.form-select{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-1);width:100%;color:var(--text-1);outline:none;padding:9px 14px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .15)}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.import-preview{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);max-height:260px;overflow-x:auto}.import-stats{color:var(--success);gap:16px;margin-bottom:8px;font-size:11px;display:flex}.import-error{color:var(--danger);background:rgba(var(--danger-rgb), .08);border-radius:var(--radius-sm);border:1px solid rgba(var(--danger-rgb), .2);margin-bottom:12px;padding:8px 12px;font-size:12px}.sheet-tabs{flex-wrap:wrap;gap:6px;display:flex}.theme-toggle{border-radius:var(--radius-full);background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-default);cursor:pointer;width:36px;height:36px;transition:transform .3s var(--ease-bounce), box-shadow .2s ease;color:var(--text-2);justify-content:center;align-items:center;font-size:16px;display:flex}.theme-toggle:hover{box-shadow:var(--shadow-md);color:var(--text-1);transform:scale(1.1)}.hamburger{border-radius:var(--radius-sm);background:var(--surface-1);border:1px solid var(--border-default);cursor:pointer;width:36px;height:36px;color:var(--text-1);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:none}.bottom-nav{background:rgba(var(--bg), .92);-webkit-backdrop-filter:saturate(180%)blur(24px);border-top:1px solid var(--border-subtle);z-index:200;justify-content:space-around;align-items:center;height:56px;padding:0 8px;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-3);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;font-family:inherit;font-size:10px;font-weight:600;transition:all .2s;display:flex}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item .bn-icon{justify-content:center;align-items:center;font-size:20px;display:flex}.bottom-nav-item .bn-icon svg{width:20px;height:20px}.sidebar-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.login-screen{z-index:2;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.login-card{background:var(--surface-glass);-webkit-backdrop-filter:saturate(180%)blur(32px);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:360px;max-width:90%;padding:32px}.login-brand{align-items:center;gap:10px;margin-bottom:4px;display:flex}.login-brand-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), #0abde3);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex}.login-brand-text{color:var(--text-1);font-size:18px;font-weight:700}.login-subtitle{color:var(--text-3);margin-bottom:24px;font-size:12px}.login-switch{color:var(--text-3);text-align:center;margin-top:16px;font-size:12px}.login-switch-link{color:var(--accent);cursor:pointer}.login-switch-link:hover{text-decoration:underline}.login-error{color:var(--danger);margin-bottom:12px;font-size:12px}.splash-screen{min-height:100vh;color:var(--text-3);z-index:2;justify-content:center;align-items:center;font-size:14px;display:flex;position:relative}.empty-state{text-align:center;color:var(--text-3);padding:60px 20px}.empty-state-icon{margin-bottom:12px;font-size:36px}.empty-state-title{color:var(--text-2);margin-bottom:6px;font-size:16px;font-weight:600}.empty-state-desc{margin-bottom:20px;font-size:13px}.remove-link{color:var(--danger);cursor:pointer;margin-top:2px;font-size:9px}.remove-link:hover{text-decoration:underline}.recharts-default-tooltip{background:rgba(var(--bg), .95)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-sm)!important;color:var(--text-1)!important}.generated-footer{color:var(--text-3);text-align:right;margin-top:12px;font-size:11px}@media (width<=900px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:16px 16px 80px}.hamburger,.bottom-nav{display:flex}.bento-grid{grid-template-columns:repeat(2,1fr);gap:10px}.top-header-title{font-size:18px}.form-row{grid-template-columns:1fr}}@media (width<=480px){.bento-grid{grid-template-columns:1fr}.action-bar{gap:6px}.btn-sm{padding:4px 8px;font-size:10px}}