@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}.brand-lockup{align-items:center;gap:14px;min-width:0;display:flex}.brand-logo{object-fit:cover;border-radius:16px;flex:none;width:64px;height:64px;box-shadow:0 12px 30px #3f1d6038}.brand-copy{flex-direction:column;gap:4px;min-width:0;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}.ghost-button.danger-action{color:var(--danger);border-color:#c4453659}.stuck-order-actions{flex-wrap:wrap;gap:8px;display:flex}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled{opacity:.58;cursor:not-allowed;transform:none}.inline-link-button{align-self:flex-start;align-items:center;text-decoration:none;display:inline-flex}.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}.filter-grid{grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;display:grid}.filter-grid label,.inline-select{color:var(--muted);flex-direction:column;gap:6px;font-size:.84rem;display:flex}.inline-select{min-width:88px}.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}.team-user-create{background:#ffffffa3;border:1px solid #14213d14;border-radius:8px;flex-direction:column;gap:14px;padding:16px;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}.compact-select{max-width:92px;padding:9px 10px}.wide-input{min-width:260px}.chip-section{flex-direction:column;gap:10px;display:flex}.chip-list{flex-wrap:wrap;gap:8px;display:flex}.chip{max-width:100%;min-height:34px;color:var(--text);font-family:var(--mono);background:#14213d0f;border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 10px;font-size:.78rem;display:inline-flex}.chip span{overflow-wrap:anywhere}.chip button,.text-button{color:var(--accent-ink);cursor:pointer;background:0 0;border:0;font-weight:600}.id-row{font-family:var(--mono);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px;font-size:.78rem;display:flex}.id-row code{overflow-wrap:anywhere}.checkbox-pill{background:#ffffffb3;border:1px solid #14213d14;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.checkbox-grid,.permission-module-list,.permission-grid{flex-direction:column;gap:10px;display:flex}.role-picker{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.role-picker-table{gap:6px;max-width:340px;margin-top:0}.role-option{width:auto;min-height:34px;color:var(--text);white-space:nowrap;background:#ffffffb8;border:1px solid #14213d1f;border-radius:8px;flex-direction:row;align-items:center;gap:8px;padding:7px 10px;font-size:.86rem;line-height:1;display:inline-flex}.role-option-compact{min-height:28px;padding:5px 8px;font-size:.78rem}.form-grid .role-option{color:var(--text);flex-direction:row;gap:8px}.role-option input{flex:none;width:14px;height:14px;margin:0}.role-option span{min-width:0}.permission-row{background:#ffffff9e;border:1px solid #14213d14;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;display:grid}.permission-row span{flex-direction:column;gap:3px;min-width:0;display:flex}.permission-row small{word-break:break-word}.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-card .brand-logo{border-radius:20px;width:76px;height:76px}.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}}