:root{--primary: #004ac6;--primary-container: #2563eb;--on-primary: #ffffff;--primary-tint: #eef2ff;--secondary: #006c49;--secondary-container: #6cf8bb;--tertiary: #784b00;--tertiary-container: #ffddb8;--background: #f8f9ff;--surface: #ffffff;--surface-container: #e5eeff;--on-surface: #0b1c30;--on-surface-variant: #434655;--outline: #737686;--outline-variant: #c3c6d7;--hairline: #e2e8f0;--ok-bg: #d3f5e5;--ok-fg: #00714d;--info-bg: #dce9ff;--info-fg: #003ea8;--warn-bg: #ffe6c2;--warn-fg: #653e00;--error-bg: #ffdad6;--error-fg: #93000a;--neutral-bg: #e9ebf1;--neutral-fg: #434655;--font-head: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--r-sm: .25rem;--r: .5rem;--r-md: .75rem;--r-lg: 1rem;--r-xl: 1.5rem;--r-full: 9999px;--shadow-1: 0 2px 15px rgba(0, 74, 198, .06);--shadow-2: 0 8px 24px rgba(0, 74, 198, .12);--shadow-3: 0 16px 48px rgba(11, 28, 48, .22);--sp-xs: .5rem;--sp-sm: 1rem;--sp-md: 1.5rem;--sp-lg: 2.5rem}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--on-surface);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}.t-display{font-family:var(--font-head);font-weight:800;font-size:2.5rem;line-height:1.15;letter-spacing:-.02em}.t-h1{font-family:var(--font-head);font-weight:700;font-size:1.75rem;line-height:1.2;margin:0}.t-h2{font-family:var(--font-head);font-weight:700;font-size:1.25rem;line-height:1.3;margin:0}.t-h3{font-family:var(--font-head);font-weight:600;font-size:1.05rem;margin:0}.t-body{font-size:1rem}.t-sm{font-size:.875rem}.t-label{font-weight:600;font-size:.8rem;letter-spacing:.02em;text-transform:uppercase;color:var(--on-surface-variant)}.muted{color:var(--on-surface-variant)}.container{max-width:980px;margin:0 auto;padding:var(--sp-md) var(--sp-sm) var(--sp-lg)}.grid{display:grid;gap:var(--sp-md)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.row{display:flex;flex-wrap:wrap;gap:var(--sp-xs);align-items:center}.stack>*+*{margin-top:var(--sp-sm)}.divider{height:1px;background:var(--hairline);border:0;margin:var(--sp-md) 0}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--sp-md);box-shadow:var(--shadow-1)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-sm);margin-bottom:var(--sp-sm)}.btn{font-family:var(--font-body);font-weight:600;font-size:.95rem;border-radius:var(--r);padding:.6rem 1.1rem;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s;display:inline-flex;align-items:center;gap:.4rem}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:#003ea8}.btn-ghost{background:transparent;color:var(--primary);border-color:var(--outline-variant)}.btn-ghost:hover{background:var(--primary-tint)}.btn-danger{background:transparent;color:var(--error-fg);border-color:#f3b6b1}.btn-sm{padding:.35rem .75rem;font-size:.85rem}.btn-block{width:100%;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{padding:.5rem;border-radius:var(--r-full);line-height:1;min-width:44px;min-height:44px;justify-content:center}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-weight:600;font-size:.85rem;color:var(--on-surface-variant)}.field .help{font-size:.78rem;color:var(--on-surface-variant)}.field .err{font-size:.78rem;color:var(--error-fg)}.input,.select,.textarea{font-family:var(--font-body);font-size:1rem;padding:.7rem .75rem;border:1px solid var(--outline-variant);border-radius:var(--r);background:#fff;color:var(--on-surface);width:100%}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #004ac62e}.textarea{resize:vertical;min-height:92px}.input.is-error,.select.is-error,.textarea.is-error{border-color:var(--error-fg)}.input:disabled,.select:disabled{background:#f2f4f8;color:var(--outline);cursor:not-allowed}.input-group{display:flex;align-items:center;border:1px solid var(--outline-variant);border-radius:var(--r);overflow:hidden;background:#fff}.input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #004ac62e}.input-group .addon{padding:0 .75rem;color:var(--on-surface-variant);background:#f2f4f8;align-self:stretch;display:flex;align-items:center;font-size:.9rem}.input-group .input{border:0;box-shadow:none}.check{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.check input{width:1.15rem;height:1.15rem;accent-color:var(--primary)}.switch{position:relative;width:44px;height:26px;display:inline-block}.switch input{opacity:0;width:0;height:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--outline-variant);border-radius:var(--r-full);transition:.2s}.switch .track:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #0000004d}.switch input:checked+.track{background:var(--primary)}.switch input:checked+.track:before{transform:translate(18px)}.upload{border:1.5px dashed var(--outline-variant);border-radius:var(--r-md);padding:var(--sp-md);text-align:center;color:var(--on-surface-variant);background:var(--primary-tint);cursor:pointer}.upload:hover{border-color:var(--primary)}.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:var(--r-full);padding:.2rem .7rem;font-size:.78rem;font-weight:600;white-space:nowrap}.badge:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor;opacity:.9}.badge.ok{background:var(--ok-bg);color:var(--ok-fg)}.badge.info{background:var(--info-bg);color:var(--info-fg)}.badge.warn{background:var(--warn-bg);color:var(--warn-fg)}.badge.error{background:var(--error-bg);color:var(--error-fg)}.badge.neutral{background:var(--neutral-bg);color:var(--neutral-fg)}.chip{display:inline-flex;align-items:center;border-radius:var(--r-full);padding:.3rem .8rem;font-size:.82rem;font-weight:500;background:var(--surface-container);color:var(--info-fg);border:1px solid transparent}.chip.active{background:var(--primary);color:#fff}button.chip,a.chip{min-height:44px;padding:.4rem .9rem;cursor:pointer}.swatch{border-radius:var(--r-md);padding:var(--sp-sm);min-height:68px;display:flex;align-items:flex-end;font-size:.75rem;font-weight:600;border:1px solid var(--hairline)}.swatch small{display:block;font-weight:400;opacity:.85}.avatar{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-family:var(--font-head)}.avatar.lg{width:72px;height:72px;font-size:1.4rem}.thumb{border-radius:var(--r-md);overflow:hidden;background:linear-gradient(135deg,#dce9ff,#6cf8bb);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;color:var(--info-fg);font-weight:600}.ratio-1{aspect-ratio:1 / 1}.ratio-16-9{aspect-ratio:16 / 9}.ratio-4-3{aspect-ratio:4 / 3}.img-note{font-size:.75rem;opacity:.8}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}.gallery .thumb{aspect-ratio:1 / 1}.carousel{display:flex;gap:var(--sp-sm);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem}.carousel .slide{scroll-snap-align:start;flex:0 0 82%}.carousel .thumb{aspect-ratio:16 / 9}.dots{display:flex;gap:.4rem;justify-content:center;margin-top:.5rem}.dots span{width:8px;height:8px;border-radius:50%;background:var(--outline-variant)}.dots span.on{background:var(--primary);width:20px;border-radius:var(--r-full)}.video{position:relative;border-radius:var(--r-md);overflow:hidden;background:#0b1c30}.video .play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.video .play span{width:56px;height:56px;border-radius:50%;background:#ffffffeb;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.4rem;padding-left:4px}.table-wrap{overflow-x:auto;border:1px solid var(--hairline);border-radius:var(--r-md)}table.tbl{width:100%;border-collapse:collapse;font-size:.9rem}table.tbl th,table.tbl td{text-align:left;padding:.7rem .85rem;border-bottom:1px solid var(--hairline);white-space:nowrap}table.tbl thead th{background:var(--primary-tint);color:var(--on-surface-variant);font-size:.75rem;text-transform:uppercase;letter-spacing:.02em}table.tbl tbody tr:last-child td{border-bottom:0}table.tbl tbody tr:hover{background:#f6f9ff}.data-list{display:grid;gap:.5rem}.data-list .item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem;border:1px solid var(--hairline);border-radius:var(--r-md);background:#fff}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--hairline);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;white-space:nowrap;min-height:44px;border:0;background:none;padding:.6rem .9rem;font:inherit;font-weight:600;color:var(--on-surface-variant);cursor:pointer;border-bottom:2px solid transparent}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.bottomnav{display:flex;justify-content:space-around;background:#fff;border:1px solid var(--hairline);border-radius:var(--r-lg);padding:.5rem;box-shadow:var(--shadow-2)}.bottomnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:44px;font-size:.7rem;color:var(--on-surface-variant);text-decoration:none;padding:.25rem .75rem;border-radius:var(--r)}.bottomnav a .ico{font-size:1.2rem}.bottomnav a.active{color:var(--primary);background:var(--primary-tint)}.breadcrumb{display:flex;gap:.4rem;font-size:.85rem;color:var(--on-surface-variant);flex-wrap:wrap}.breadcrumb a{color:var(--primary);text-decoration:none}.pagination{display:flex;gap:.25rem}.pagination button{min-width:36px;height:36px;border:1px solid var(--outline-variant);background:#fff;border-radius:var(--r);font:inherit;cursor:pointer}.pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.alert{display:flex;gap:.6rem;align-items:flex-start;padding:.85rem 1rem;border-radius:var(--r-md);font-size:.9rem}.alert .ico{font-size:1.1rem;line-height:1.4}.alert.info{background:var(--info-bg);color:var(--info-fg)}.alert.ok{background:var(--ok-bg);color:var(--ok-fg)}.alert.warn{background:var(--warn-bg);color:var(--warn-fg)}.alert.error{background:var(--error-bg);color:var(--error-fg)}.toast{display:inline-flex;align-items:center;gap:.6rem;background:var(--on-surface);color:#fff;padding:.7rem 1rem;border-radius:var(--r-md);box-shadow:var(--shadow-2);font-size:.9rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1c3073;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal{background:#fff;border-radius:var(--r-xl);padding:var(--sp-md);max-width:420px;width:100%;box-shadow:var(--shadow-3)}.skeleton{background:linear-gradient(90deg,#eef2fb 25%,#e2e8f5 37%,#eef2fb 63%);background-size:400% 100%;animation:sk 1.4s ease infinite;border-radius:var(--r)}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}.empty{text-align:center;padding:var(--sp-lg) var(--sp-sm);color:var(--on-surface-variant)}.empty .ico{font-size:2.5rem}.stat{text-align:left}.stat .num{font-family:var(--font-head);font-weight:800;font-size:1.8rem;color:var(--primary)}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 1rem 1.25rem;border-left:2px solid var(--hairline)}.timeline li:before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--primary)}.timeline li:last-child{border-left-color:transparent}.shell{min-height:100vh;display:flex;flex-direction:column}.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--surface);border-bottom:1px solid var(--hairline);padding:.75rem var(--sp-sm)}.appbar>div:first-child{min-width:0}.appbar .t-h3,.appbar .t-sm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-main{flex:1;max-width:720px;width:100%;margin:0 auto;padding:var(--sp-sm) var(--sp-sm) 6rem}.bottomnav.fixed{position:fixed;left:50%;transform:translate(-50%);bottom:.75rem;z-index:30;width:calc(100% - 1.5rem);max-width:480px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.5rem 0 1rem}.page-head .back{text-decoration:none;color:var(--primary);font-weight:600;font-size:.9rem}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{width:100%;max-width:400px}.steps{display:flex;gap:.4rem;margin:.75rem 0 1.25rem}.steps span{flex:1;height:6px;border-radius:var(--r-full);background:var(--outline-variant)}.steps span.on{background:var(--primary)}.link-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem;border:1px solid var(--hairline);border-radius:var(--r-md);background:#fff;text-decoration:none;color:inherit}.link-row:hover{border-color:var(--primary)}.fab-row{position:sticky;bottom:5.5rem;display:flex;justify-content:flex-end;margin-top:1rem}.slot-row{display:flex;gap:.5rem;align-items:center}.slot-row .input,.slot-row .select{flex:1}.help-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:50%;border:1.5px solid var(--outline-variant);background:transparent;color:var(--on-surface-variant);font-size:.75rem;font-weight:700;cursor:pointer;vertical-align:middle;margin-left:.3rem;line-height:1}.help-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:32px}.help-icon:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-tint)}@media (max-width: 480px){.slot-row{flex-wrap:wrap}.slot-row .select{flex:1 0 100%}}