:root{--color-brand-900:#1e3a5f;--color-brand-800:#1e40af;--color-brand-700:#1d4ed8;--color-brand-600:#2563eb;--color-brand-200:#93c5fd;--color-brand-50:#eff6ff;--color-success-50:#f0fff4;--color-success-200:#d1fae5;--color-success-300:#a7f3d0;--color-success-600:#10b981;--color-success-800:#065f46;--color-success-900:#276749;--color-warning-50:#fffbeb;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-900:#92400e;--color-danger-50:#fff5f5;--color-danger-200:#fee2e2;--color-danger-300:#fecaca;--color-danger-400:#fca5a5;--color-danger-600:#ef4444;--color-danger-700:#dc2626;--color-danger-800:#991b1b;--color-neutral-950:#1a202c;--color-neutral-800:#2d3748;--color-neutral-700:#374151;--color-neutral-600:#4a5568;--color-neutral-500:#718096;--color-neutral-400:#a0aec0;--color-neutral-300:#e2e8f0;--color-neutral-200:#f0f4f8;--color-neutral-100:#f3f4f6;--color-neutral-50:#f9fafb;--color-white:#fff;--color-purple-50:#faf5ff;--color-purple-700:#6b46c1;--color-orange-50:#fffaf0;--color-orange-700:#c05621;--color-text-primary:var(--color-neutral-950);--color-text-secondary:var(--color-neutral-700);--color-text-muted:var(--color-neutral-500);--color-text-disabled:var(--color-neutral-400);--color-text-inverse:var(--color-white);--color-surface:var(--color-white);--color-surface-subtle:var(--color-neutral-50);--color-surface-muted:var(--color-neutral-100);--color-surface-page:var(--color-neutral-200);--color-surface-accent-blue:var(--color-brand-50);--color-surface-accent-green:var(--color-success-50);--color-surface-accent-yellow:var(--color-warning-50);--color-surface-accent-purple:var(--color-purple-50);--color-border:var(--color-neutral-300);--color-border-subtle:var(--color-neutral-200);--color-border-strong:var(--color-neutral-400);--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--text-hero:60px;--text-display:40px;--text-4xl:34px;--text-3xl:28px;--text-2xl:22px;--text-xl:18px;--text-lg:15px;--text-md:14px;--text-base:13.5px;--text-sm:12px;--text-2xs:11px;--text-xs:10px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-4-5:18px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow-lg:0 4px 20px rgba(0,0,0,.12);--shadow-xl:0 20px 60px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.05);--duration-fast:100ms;--duration-base:150ms;--duration-slow:300ms;--ease-out:cubic-bezier(0.0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--transition-fast:var(--duration-fast) var(--ease-out);--transition-base:var(--duration-base) var(--ease-in-out);--focus-ring:2px solid var(--color-brand-600);--focus-ring-offset:2px;--gradient-hero:linear-gradient(135deg,#667eea,#764ba2);--gradient-danger-empty:linear-gradient(135deg,var(--color-danger-600),var(--color-danger-700));--gradient-emergency:linear-gradient(135deg,var(--color-danger-700),var(--color-danger-800));--overlay-white-faint:hsla(0,0%,100%,.08);--overlay-white-subtle:hsla(0,0%,100%,.15);--overlay-white-mid:hsla(0,0%,100%,.5);--overlay-white-border:hsla(0,0%,100%,.1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-surface-page);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;background:var(--color-brand-900);color:var(--color-text-inverse);display:flex;flex-direction:column;flex-shrink:0}.main{flex:1 1;overflow-y:auto}.sidebar-logo{padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--overlay-white-border)}.sidebar-logo h1{font-size:var(--text-xl);font-weight:700;color:var(--color-text-inverse)}.sidebar-logo p{font-size:var(--text-xs);color:var(--overlay-white-mid);margin-top:var(--space-1)}.sidebar-section{padding:var(--space-3) 0}.sidebar-section-title{font-size:var(--text-xs);font-weight:600;color:hsla(0,0%,100%,.4);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-4) var(--space-1-5)}.sidebar-item{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2-5) var(--space-4);cursor:pointer;font-size:var(--text-base);color:hsla(0,0%,100%,.75);transition:background var(--transition-base),color var(--transition-base);text-decoration:none}.sidebar-item:hover{background:var(--overlay-white-faint);color:var(--color-text-inverse)}.sidebar-item.active{background:var(--overlay-white-subtle);color:var(--color-text-inverse);font-weight:600}.sidebar-item:focus-visible{outline:var(--focus-ring);outline-offset:calc(var(--focus-ring-offset) * -1)}.sidebar-item .icon{font-size:var(--text-lg);width:20px;text-align:center}.sidebar-divider{height:1px;background:var(--overlay-white-border);margin:var(--space-1) 0}.sidebar-role-badge{margin:var(--space-4);background:var(--overlay-white-faint);border-radius:var(--radius-md);padding:var(--space-2-5) var(--space-3);font-size:var(--text-sm)}.sidebar-role-badge .role-label{color:var(--overlay-white-mid);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.sidebar-role-badge .role-value{color:var(--color-text-inverse);font-weight:600;margin-top:var(--space-1)}.child-selector{margin:0 var(--space-4) var(--space-3)}.child-selector-label{color:var(--overlay-white-mid);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}.child-selector-btn{width:100%;background:var(--overlay-white-faint);border:1px solid var(--overlay-white-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);text-align:left;color:var(--color-text-inverse);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);text-decoration:none}.child-selector-btn:hover{background:var(--overlay-white-subtle)}.child-selector-name{font-weight:600;flex:1 1}.child-selector-chevron{font-size:var(--text-xs);color:var(--overlay-white-mid);transition:transform var(--transition-base);display:inline-block}.child-selector-chevron.open{transform:rotate(180deg)}.child-selector-dropdown{margin-top:var(--space-1);background:var(--overlay-white-faint);border-radius:var(--radius-md);overflow:hidden}.child-selector-item{width:100%;background:none;border:none;padding:var(--space-2) var(--space-3);cursor:pointer;text-align:left;color:hsla(0,0%,100%,.75);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.child-selector-item:hover{background:var(--overlay-white-faint);color:var(--color-text-inverse)}.child-selector-item.active{color:var(--color-text-inverse);font-weight:600}.child-selector-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.child-selector-avatar-placeholder{width:24px;height:24px;border-radius:50%;background:var(--overlay-white-subtle);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.sidebar-scroll{overflow-y:auto;flex:1 1}.notif-dot{width:7px;height:7px;background:var(--color-success-600);border-radius:50%;display:inline-block;margin-left:var(--space-1-5);vertical-align:middle}.page{padding:var(--space-7) var(--space-8);max-width:1100px}.page-header{margin-bottom:var(--space-6)}.page-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.page-subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin-top:var(--space-1)}.breadcrumb{font-size:var(--text-sm);color:var(--color-text-disabled);margin-bottom:var(--space-2)}.card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md)}.card-sm{padding:var(--space-4)}.card-title{font-size:var(--text-base);font-weight:600;color:var(--color-neutral-800);margin-bottom:var(--space-3-5);display:flex;align-items:center;gap:var(--space-2)}.grid-4{grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4)}.grid-3,.grid-4{display:grid;gap:var(--space-4)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.grid-auto{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-5);gap:var(--space-5)}.stat-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-4-5) var(--space-5);box-shadow:var(--shadow-md)}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.stat-value{font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary);margin:var(--space-1) 0 var(--space-1)}.stat-change{font-size:var(--text-sm);color:var(--color-success-600)}.stat-change.negative{color:var(--color-danger-600)}.stat-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;justify-content:center;font-size:var(--text-xl);margin-bottom:var(--space-2-5)}.badge,.stat-icon{align-items:center}.badge{display:inline-flex;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:600}.badge-green{background:var(--color-success-50);color:var(--color-success-900)}.badge-red{background:var(--color-danger-50);color:var(--color-danger-800)}.badge-yellow{background:var(--color-warning-50);color:var(--color-warning-900)}.badge-blue{background:var(--color-brand-50);color:var(--color-brand-800)}.badge-gray{background:var(--color-surface-subtle);color:var(--color-neutral-600);border:1px solid var(--color-border)}.badge-purple{background:var(--color-purple-50);color:var(--color-purple-700)}.badge-orange{background:var(--color-orange-50);color:var(--color-orange-700)}.btn{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:9px var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;border:none;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base);font-family:var(--font-family)}.btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-brand-600);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-brand-700)}.btn-secondary{background:var(--color-surface-muted);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border)}.btn-danger{background:var(--color-danger-200);color:var(--color-danger-800)}.btn-danger:hover{background:var(--color-danger-300)}.btn-success{background:var(--color-success-200);color:var(--color-success-800)}.btn-success:hover{background:var(--color-success-300)}.btn-sm{padding:var(--space-1-5) var(--space-3);font-size:var(--text-sm)}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--text-2xs);border-radius:var(--radius-sm)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:var(--text-base)}th{text-align:left;padding:var(--space-2-5) var(--space-3-5);font-size:var(--text-2xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}td{padding:var(--space-3) var(--space-3-5);border-bottom:1px solid var(--color-surface-subtle);color:var(--color-neutral-800)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--color-surface-subtle)}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:var(--space-3-5);padding:var(--space-3-5) 0;border-bottom:1px solid var(--color-border-subtle)}.timeline-item:last-child{border-bottom:none}.timeline-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);flex-shrink:0;margin-top:var(--space-1)}.timeline-dot-blue{background:var(--color-brand-50)}.timeline-dot-green{background:var(--color-success-50)}.timeline-dot-yellow{background:var(--color-warning-50)}.timeline-dot-red{background:var(--color-danger-50)}.timeline-content{flex:1 1}.timeline-title{font-size:var(--text-base);font-weight:600;color:var(--color-neutral-800)}.timeline-meta{font-size:var(--text-sm);color:var(--color-text-disabled);margin-top:var(--space-1)}.timeline-body{color:var(--color-text-secondary);margin-top:var(--space-1-5);background:var(--color-surface-subtle);border-radius:var(--radius-md);padding:var(--space-2-5) var(--space-3)}.alert,.timeline-body{font-size:var(--text-base)}.alert{border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex;gap:var(--space-2-5);align-items:flex-start}.alert-warning{background:var(--color-warning-50);border:1px solid var(--color-warning-300);color:var(--color-warning-900)}.alert-success{background:var(--color-success-50);border:1px solid var(--color-success-300);color:var(--color-success-800)}.alert-error{background:var(--color-danger-50);border:1px solid var(--color-danger-400);color:var(--color-danger-800)}.alert-info{background:var(--color-brand-50);border:1px solid var(--color-brand-200);color:var(--color-brand-800)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-1)}.form-input{width:100%;padding:var(--space-2-5) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text-primary);outline:none;transition:border-color var(--transition-base);background:var(--color-surface);font-family:var(--font-family)}.form-input:focus{border-color:var(--color-brand-600);outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.form-input:disabled{background:var(--color-surface-muted);cursor:not-allowed}.form-input[aria-invalid=true]{border-color:var(--color-danger-400)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23718096' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2-5);background:var(--color-surface-muted);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.tag:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.tag.selected{background:var(--color-brand-50);border-color:var(--color-brand-200);color:var(--color-brand-800);font-weight:600}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.qr-box{width:160px;height:160px;border:3px solid var(--color-brand-900);border-radius:var(--radius-xl);flex-direction:column;justify-content:center;font-size:var(--text-hero);background:var(--color-surface)}.profile-header,.qr-box{display:flex;align-items:center}.profile-header{gap:var(--space-4);margin-bottom:var(--space-5)}.avatar{width:56px;height:56px;border-radius:50%;background:var(--gradient-hero);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-size:var(--text-2xl);font-weight:700;flex-shrink:0}.avatar-lg{width:80px;height:80px;font-size:var(--text-4xl)}.divider{height:1px;background:var(--color-border-subtle);margin:var(--space-5) 0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2-5) 0;border-bottom:1px solid var(--color-surface-subtle);font-size:var(--text-base)}.info-row:last-child{border-bottom:none}.info-label{color:var(--color-text-muted);font-size:var(--text-sm)}.info-value{color:var(--color-text-primary);font-weight:500}.mobile-frame{width:375px;margin:0 auto;background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;min-height:600px}.mobile-status-bar{background:var(--color-brand-900);color:var(--color-text-inverse);padding:var(--space-2-5) var(--space-5);font-size:var(--text-sm);display:flex;justify-content:space-between}.mobile-hero{background:linear-gradient(135deg,var(--color-brand-900) 0,var(--color-brand-600) 100%);padding:var(--space-7) var(--space-5) var(--space-10);color:var(--color-text-inverse)}.mobile-hero h2{font-size:var(--text-2xl);font-weight:700}.mobile-hero p{font-size:var(--text-base);opacity:.8;margin-top:var(--space-1)}.mobile-card{margin:-20px var(--space-4) var(--space-4);background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-lg)}.mobile-section{padding:var(--space-4) var(--space-5)}.mobile-section h3{font-size:var(--text-md);font-weight:700;color:var(--color-text-primary)}.mobile-field,.mobile-section h3{margin-bottom:var(--space-3)}.mobile-field label{font-size:var(--text-2xs);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:3px}.mobile-field p{font-size:var(--text-base);color:var(--color-text-primary)}.mobile-action-btn{display:block;width:calc(100% - 40px);margin:0 var(--space-5) var(--space-3);padding:var(--space-3-5);border-radius:var(--radius-xl);font-size:var(--text-md);font-weight:700;cursor:pointer;border:none;text-align:center;font-family:var(--font-family);min-height:44px}.mobile-action-primary{background:var(--color-brand-900);color:var(--color-text-inverse)}.mobile-action-success{background:var(--color-success-600);color:var(--color-text-inverse)}.mobile-action-danger{background:var(--color-danger-600);color:var(--color-text-inverse)}.mobile-tab-bar{display:flex;border-top:1px solid var(--color-border)}.mobile-tab{flex:1 1;padding:var(--space-3) 0;text-align:center;font-size:var(--text-xs);color:var(--color-text-disabled);cursor:pointer;min-height:44px}.mobile-tab.active{color:var(--color-brand-600)}.mobile-tab-icon{font-size:var(--text-5xl,20px);display:block}.post-counter{background:linear-gradient(135deg,var(--color-warning-400),var(--color-warning-500));border-radius:var(--radius-xl);padding:var(--space-3-5) var(--space-4);margin:var(--space-4) var(--space-5)}.post-counter.empty{background:var(--gradient-danger-empty)}.post-counter .count{font-size:var(--text-3xl);font-weight:700;color:var(--color-text-inverse)}.post-counter .label{font-size:var(--text-sm);color:hsla(0,0%,100%,.85)}.post-counter-dots{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.dot{width:10px;height:10px;border-radius:50%;background:hsla(0,0%,100%,.9)}.dot.used{background:hsla(0,0%,100%,.3)}.device-card{border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3-5) var(--space-4);display:flex;align-items:center;gap:var(--space-3-5);transition:border-color var(--transition-base),background var(--transition-base)}.device-card:hover{border-color:var(--color-border-strong);background:var(--color-surface-subtle)}.device-card:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.device-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl)}.device-icon-blue{background:var(--color-brand-50)}.device-icon-gray{background:var(--color-surface-subtle)}.map-placeholder{background:linear-gradient(135deg,var(--color-neutral-300),var(--color-neutral-400));height:180px;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-base)}.map-placeholder,.view-toggle{border-radius:var(--radius-lg);display:flex}.view-toggle{background:var(--color-surface-muted);padding:3px;margin-bottom:var(--space-5);gap:2px}.view-toggle-btn{flex:1 1;padding:var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;border:none;cursor:pointer;background:transparent;color:var(--color-text-muted);transition:background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base);font-family:var(--font-family)}.view-toggle-btn.active{background:var(--color-surface);color:var(--color-brand-900);box-shadow:var(--shadow-sm)}.view-toggle-btn:focus-visible{outline:var(--focus-ring);outline-offset:calc(var(--focus-ring-offset) * -1)}.invite-slot{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3-5);text-align:center}.invite-slot.used{border-color:var(--color-success-600);border-style:solid;background:var(--color-success-50)}.invite-slot.pending{border-color:var(--color-warning-400);border-style:solid;background:var(--color-warning-50)}.emergency-banner{background:var(--gradient-emergency);color:var(--color-text-inverse);padding:var(--space-4) var(--space-5)}.emergency-banner h3{font-size:var(--text-lg);font-weight:700}.emergency-banner p{font-size:var(--text-base);opacity:.9;margin-top:var(--space-1)}.allergy-tag{background:var(--color-danger-50);border:1.5px solid var(--color-danger-400);color:var(--color-danger-800);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2-5);font-size:var(--text-sm);font-weight:600;display:flex;align-items:center;gap:var(--space-1)}.med-row{background:var(--color-surface-subtle);border-radius:var(--radius-md);padding:var(--space-2-5) var(--space-3-5);margin-bottom:var(--space-2);font-size:var(--text-base)}.med-name{font-weight:600;color:var(--color-text-primary)}.med-detail{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.gps-tag{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-2xs);color:var(--color-brand-600);background:var(--color-brand-50);padding:3px var(--space-2);border-radius:var(--radius-sm);font-weight:500}.section-gap{margin-top:var(--space-6)}.flex{display:flex}.flex-between{justify-content:space-between}.flex-between,.flex-center{display:flex;align-items:center}.gap-8{gap:var(--space-2)}.gap-12{gap:var(--space-3)}.gap-16{gap:var(--space-4)}.flex-col{flex-direction:column}.flex-1{flex:1 1}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-2xs)}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger-800)}.text-success{color:var(--color-success-900)}.text-bold{font-weight:700}.mt-4{margin-top:var(--space-1)}.mt-8{margin-top:var(--space-2)}.mt-12{margin-top:var(--space-3)}.mt-16{margin-top:var(--space-4)}.mt-20{margin-top:var(--space-5)}.mb-12{margin-bottom:var(--space-3)}.mb-16{margin-bottom:var(--space-4)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{display:none}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-auto{grid-template-columns:1fr}.page{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}