@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{color:#14213d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel:#ffffffe0;--panel-border:#0d264c1a;--panel-shadow:0 24px 60px #0e294d1f;--text:#14213d;--muted:#5d6b84;--accent:#1e88e5;--accent-ink:#0b5cad;--accent-soft:#1e88e51f;--success:#1f9d63;--success-soft:#1f9d631f;--danger:#c44536;--danger-soft:#c445361f;--neutral-soft:#14213d14;--mono:"IBM Plex Mono", monospace;background:radial-gradient(circle at 0 0,#d8f1ffb3,#0000 32%),linear-gradient(#edf6ff 0%,#f6f8fb 100%);font-family:IBM Plex Sans,Avenir Next,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,textarea,select{font:inherit}#root{min-height:100vh}h1,h2,h3,h4,p{margin:0}.shell{grid-template-columns:300px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8fbffb3;flex-direction:column;gap:20px;padding:28px 22px;display:flex}.brand-card,.panel,.toast-banner,.login-card{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow)}.brand-card,.panel,.login-card{border-radius:20px}.brand-card{flex-direction:column;gap:10px;padding:22px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent-ink);font-size:.74rem;font-weight:600}.muted{color:var(--muted)}.small-label{font-size:.78rem}.user-label{word-break:break-word;font-size:.95rem}.nav-stack{flex-direction:column;gap:8px;display:flex}.nav-item,.list-button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:background .16s,border-color .16s,transform .16s;display:flex}.nav-item span,.list-button strong{font-weight:600;display:block}.nav-item small,.list-button p{color:var(--muted)}.nav-item:hover,.list-button:hover{border-color:var(--panel-border);background:#ffffffb8;transform:translateY(-1px)}.nav-item.active,.list-button.selected{background:var(--accent-soft);border-color:#1e88e542}.sidebar-footer{border:1px solid var(--panel-border);background:#ffffffa3;border-radius:18px;flex-direction:column;gap:8px;margin-top:auto;padding:16px;display:flex}.content{flex-direction:column;gap:18px;padding:28px;display:flex}.page-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-header h2,.panel h3,.login-card h1,.brand-card h1{font-size:clamp(1.6rem,2vw,2.2rem);line-height:1.1}.header-note,.login-meta,.checkbox-row,.button-cluster{flex-wrap:wrap;gap:10px;display:flex}.tab-bar{border:1px solid var(--panel-border);background:#ffffff8f;border-radius:18px;flex-wrap:wrap;gap:10px;padding:8px;display:flex}.tab-button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;padding:0 14px;font-weight:600}.tab-button.active{background:var(--accent-soft);color:var(--accent-ink);border-color:#1e88e538}.toast-banner{border-radius:16px;padding:14px 16px;font-weight:500}.toast-banner.success{color:#166846;background:#1f9d6324;border-color:#1f9d6333}.toast-banner.error{color:#8b2e24;background:#c4453624;border-color:#c4453633}.toast-banner.info{color:var(--accent-ink);background:#1e88e51f;border-color:#1e88e533}.page-stack{flex-direction:column;gap:18px;display:flex}.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.panel{flex-direction:column;gap:16px;padding:20px;display:flex}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.metric-grid,.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--panel-border);background:#fcfeffd6;border-radius:18px;flex-direction:column;gap:8px;padding:16px;display:flex}.metric-card span{color:var(--muted);font-size:.82rem}.metric-card strong{font-size:1.5rem}.detail-card strong{font-size:1rem}.simple-list{flex-direction:column;gap:10px;display:flex}.simple-list-item{border-bottom:1px solid #14213d14;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.simple-list-item:last-child{border-bottom:0}.text-right{text-align:right}.pill{border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:.78rem;font-weight:600;display:inline-flex}.pill.neutral{background:var(--neutral-soft);color:var(--text)}.pill.success{background:var(--success-soft);color:var(--success)}.pill.warning{color:#8f5a00;background:#f7c4482e}.pill.danger{background:var(--danger-soft);color:var(--danger)}.primary-button,.ghost-button{cursor:pointer;border:1px solid #0000;border-radius:14px;min-height:42px;padding:0 16px;transition:transform .14s,background .14s,border-color .14s}.primary-button{color:#fff;background:linear-gradient(135deg,#2b8aef 0%,#1463ba 100%);box-shadow:0 12px 24px #1463ba2e}.ghost-button{color:var(--text);border-color:var(--panel-border);background:#ffffffa8}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled{opacity:.58;cursor:not-allowed;transform:none}.full-width{width:100%}.state-block{color:var(--muted);background:#14213d0a;border-radius:16px;padding:14px 16px}.state-block.error{color:#8b2e24;background:#c445361f}.table-scroll{overflow-x:auto}.pagination-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.data-table{border-collapse:collapse;width:100%;font-size:.95rem}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #14213d14;padding:12px 10px}.data-table th{color:var(--muted);font-weight:500}.mono-column{font-family:var(--mono);word-break:break-all;font-size:.84rem}.inline-form,.form-actions{align-items:center;gap:12px;display:flex}.inline-form.wrap{flex-wrap:wrap}.info-banner,.hint-card,.section-card{background:#ffffffb8;border:1px solid #14213d14;border-radius:18px;padding:16px}.info-banner{flex-direction:column;gap:6px;display:flex}.helper-list{color:var(--muted);margin:0;padding-left:18px}.helper-list li+li{margin-top:6px}.hint-card{flex-direction:column;gap:12px;display:flex}.json-preview{color:var(--text);font-family:var(--mono);background:#14213d0a;border-radius:14px;margin:0;padding:14px;font-size:.84rem;overflow-x:auto}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.section-card{flex-direction:column;gap:14px;display:flex}.section-card-header{flex-direction:column;gap:4px;display:flex}.section-card h4{font-size:1rem}.image-upload-card{background:#ffffff94;border:1px dashed #14213d2e;border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.image-preview-row{align-items:center;gap:12px;min-width:0;display:flex}.image-preview-row img{object-fit:cover;border:1px solid var(--panel-border);border-radius:12px;width:76px;height:52px}.image-preview-fallback{color:#9c461c;text-align:center;background:#fff4e6e6;border:1px dashed #9c461c73;border-radius:12px;place-items:center;width:76px;height:52px;font-size:.72rem;font-weight:700;display:grid}.image-preview-row a{color:var(--accent-ink);word-break:break-all}.warning-text{color:#9c461c}.image-preview-row.compact img{border-radius:10px;width:48px;height:34px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid label{color:var(--muted);flex-direction:column;gap:8px;font-size:.9rem;display:flex}.span-2{grid-column:span 2}.text-input,.text-area{width:100%;color:var(--text);background:#ffffffdb;border:1px solid #14213d1f;border-radius:14px;outline:none;padding:12px 14px}.text-input:focus,.text-area:focus{border-color:#1e88e566;box-shadow:0 0 0 4px #1e88e514}.code-area{font-family:var(--mono);font-size:.9rem}.danger-text{color:var(--danger)}.compact-input{max-width:110px}.wide-input{min-width:260px}.checkbox-pill{background:#ffffffb3;border:1px solid #14213d14;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{flex-direction:column;gap:16px;width:min(560px,100%);padding:30px;display:flex}.login-copy{font-size:1rem}.hero-button{width:fit-content}@media (width<=1180px){.metric-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--panel-border)}.two-column-grid,.form-grid,.section-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.page-header{flex-direction:column;align-items:flex-start}}