:root{font-family:var(--font-body);line-height:1.5;font-weight:400;color:#172a3a;background:#eef2f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-body: "Roboto", sans-serif;--font-display: "Bebas Neue", "Roboto", sans-serif;--color-primary: #13aff0;--color-accent: #ff8a00;--color-background: #eef2f5;--color-text: #172a3a;--color-muted: #69788c;--color-panel: rgba(255, 255, 255, .8);--color-panel-strong: rgba(255, 255, 255, .94);--color-border: rgba(17, 32, 60, .08);--color-shadow: rgba(17, 32, 60, .16);--radius-sm: 14px;--radius-md: 18px;--radius-lg: 28px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;color:var(--color-text);background:radial-gradient(circle at top,rgba(19,175,240,.12),transparent 28%),linear-gradient(180deg,#eceff3,#f7f8fb)}body:before,body:after{content:"";position:fixed;border-radius:999px;pointer-events:none;z-index:0;filter:blur(6px)}body:before{width:28rem;height:28rem;top:-8rem;right:-7rem;background:#13aff01a}body:after{width:22rem;height:22rem;bottom:-7rem;left:-5rem;background:#ff8a001a}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}img{display:block;max-width:100%}.page-shell{position:relative;z-index:1;min-height:100vh;padding:clamp(1.35rem,.85rem + 1.55vw,2.6rem)}.page-shell:before{content:"";position:fixed;inset:1rem;border-radius:32px;background:linear-gradient(180deg,#ffffffad,#ffffff70);border:1px solid rgba(255,255,255,.62);box-shadow:inset 0 1px #ffffffdb,0 28px 70px -54px #11203c47;pointer-events:none;z-index:-1}.page-shell--centered{display:grid;align-items:center}.skip-link{position:absolute;left:1.25rem;top:-4rem;padding:.75rem 1rem;border-radius:999px;background:#122e43;color:#fff;text-decoration:none;z-index:20}.skip-link:focus{top:1.25rem}.app-frame{width:min(1480px,100%);margin:0 auto;display:grid;gap:1.35rem}.glass-card{position:relative;background:var(--color-panel);border:1px solid var(--color-border);box-shadow:0 22px 50px -38px var(--color-shadow),inset 0 1px #ffffffd9;border-radius:var(--radius-lg)}.glass-card--nested{background:var(--color-panel-strong);border-radius:var(--radius-md);box-shadow:0 16px 36px -30px #11203c29}.hero-panel{overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.15rem 1rem;padding:clamp(1.55rem,1.15rem + 1vw,2.25rem)}.hero-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffffdb,#f7f9fcc2),linear-gradient(145deg,rgba(19,175,240,.08),transparent 38%),linear-gradient(325deg,rgba(255,138,0,.08),transparent 34%);pointer-events:none}.hero-copy,.hero-actions,.hero-user,.hero-footer{position:relative;z-index:1}.brand-lockup{display:flex;align-items:center;gap:1rem}.brand-logo{width:160px;height:auto}.hero-copy h1,.section-header h2,.detail-header h3,.metric-value{margin:0;font-family:var(--font-display);letter-spacing:.04em;font-weight:400}.hero-copy h1{font-size:clamp(2.6rem,5vw,4.3rem);line-height:.95;color:#102a3d}.eyebrow,.metric-label,.field-label{margin:0;font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary)}.hero-text,.section-header p,.user-meta,.detail-subtitle,.empty-state p,.notice,.toolbar-meta span,.mobile-record-card__head span,.detail-chip,.inline-loader span{color:var(--color-muted)}.hero-text{max-width:65ch;font-size:1.02rem;line-height:1.62;margin:.8rem 0 0}.feature-strip,.tabs-row,.subtabs-row,.summary-pills,.toolbar-meta,.detail-toolbar,.detail-header__actions{display:flex;flex-wrap:wrap;gap:.9rem}.feature-strip{margin-top:0}.feature-strip span,.summary-pill,.detail-chip,.toolbar-meta span{display:inline-flex;align-items:center;gap:.45rem;padding:.72rem .95rem;border-radius:999px;background:#ffffffe6;border:1px solid rgba(17,32,60,.07);box-shadow:0 16px 30px -28px #11203c3d}.hero-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:.75rem}.hero-footer{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:-.1rem}.hero-user{display:flex;align-items:center;gap:.9rem;width:fit-content;padding:.72rem .9rem;border-radius:999px}.avatar-badge,.metric-icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:16px;background:linear-gradient(135deg,#13aff029,#ff8a0029);color:#0f3651;font-weight:700}.user-name{margin:0;font-weight:700;color:#163f5d;line-height:1.2}.user-meta{margin:.08rem 0 0}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.15rem}.metric-card{padding:1.35rem;display:grid;gap:.7rem;background:#ffffffe6}.metric-card--primary{border-top:4px solid rgba(19,175,240,.45)}.metric-card--accent{border-top:4px solid rgba(255,138,0,.45)}.metric-card--neutral{border-top:4px solid rgba(74,101,128,.4)}.metric-card--dark{border-top:4px solid rgba(17,44,78,.45)}.metric-value{display:block;font-size:clamp(2.2rem,4vw,3.5rem);color:#112c44}.notice{padding:.95rem 1.1rem;border-radius:var(--radius-md);border:1px solid rgba(17,32,60,.08);margin:0;background:#ffffffe6}.notice--success{border-color:#1aa2683d;color:#0d6b4c}.notice--error{border-color:#da454533;color:#b53a32}.notice--info{border-color:#13aff033;color:#20506f}.tabs-panel{padding:clamp(1.25rem,1rem + .8vw,1.85rem);display:grid;gap:1.35rem}.workspace-header{display:grid;gap:1rem}.tabs-row{padding:.38rem;width:fit-content;max-width:100%;background:#eff2f6f5;border:1px solid rgba(17,32,60,.06);border-radius:20px;box-shadow:inset 0 1px #ffffffdb}.subtabs-row{width:fit-content;max-width:100%;padding:.22rem;border-radius:18px;background:#f8fafceb;border:1px solid rgba(17,32,60,.06)}.tab-button,.button,.sort-button{border:1px solid transparent;transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tab-button{display:inline-flex;align-items:center;gap:.55rem;min-height:2.9rem;padding:.78rem 1.05rem;border-radius:16px;background:transparent;color:#5e6d7f;font-weight:700}.tab-button--compact{min-height:2.5rem;padding:.62rem .9rem;border-radius:14px;font-size:.95rem}.tab-button--compact small{min-width:1.65rem;min-height:1.65rem;font-size:.8rem}.tab-button small{display:inline-grid;place-items:center;min-width:1.8rem;min-height:1.8rem;padding:0 .45rem;border-radius:999px;background:#13aff01a;color:#1c5b7d}.tab-button:hover,.button:hover,.sort-button:hover,.records-row:hover,.mobile-record-card:hover,.attachment-item:hover{transform:translateY(-1px)}.tab-button--active{background:#fff;color:#122e43;border-color:#11203c14;box-shadow:0 14px 28px -24px #11203c47}.toolbar-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem}.toolbar-controls,.toolbar-filters{display:grid;gap:.8rem}.toolbar-controls{flex:1 1 620px}.toolbar-filters{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end}.search-field{display:inline-flex;align-items:center;gap:.65rem;min-width:min(420px,100%);padding:.9rem 1rem;border-radius:18px;background:#fffffff5;border:1px solid rgba(17,32,60,.08)}.search-field input{width:100%;border:none;background:transparent;color:#18384e;outline:none}.filter-field{display:grid;gap:.45rem}.filter-field span{font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.filter-select{width:100%;min-height:2.9rem;padding:.72rem .95rem;border-radius:16px;border:1px solid rgba(17,32,60,.08);background:#fffffff5;color:#18384e;outline:none}.filter-select:focus{border-color:#13aff04d;box-shadow:0 0 0 4px #13aff01f}.button-filter-reset{align-self:end;min-height:2.9rem}.toolbar-meta{justify-content:flex-end}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.section-header h2{font-size:clamp(1.9rem,3vw,2.5rem);line-height:1;color:#122c42}.section-header p{max-width:72ch;margin:.35rem 0 0;line-height:1.6}.workspace-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start}.workspace-grid--detail-open{grid-template-columns:minmax(0,1.55fr) minmax(360px,.95fr)}.workspace-grid--list-only .records-table{min-width:1220px}.records-panel{min-width:0;display:grid;gap:1rem}.table-shell{overflow:hidden}.table-scroll{overflow:auto;max-height:calc(100vh - 280px);position:relative;scrollbar-width:thin;scrollbar-color:rgba(19,175,240,.4) rgba(17,32,60,.04)}.table-scroll::-webkit-scrollbar{height:8px;width:8px}.table-scroll::-webkit-scrollbar-track{background:#11203c0a;border-radius:10px}.table-scroll::-webkit-scrollbar-thumb{background:#13aff066;border-radius:10px;border:2px solid transparent;background-clip:content-box}.table-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-primary);background-clip:content-box}.table-scroll::-webkit-scrollbar-thumb:vertical{background-color:#11203c26}.table-scroll::-webkit-scrollbar-thumb:vertical:hover{background-color:#11203c40}.records-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0}.records-table th,.records-table td{padding:.95rem 1rem;border-bottom:1px solid rgba(17,32,60,.06);vertical-align:top;text-align:left;max-width:220px}.records-table th{position:sticky;top:0;z-index:2;background:#f8fafcf5;padding:.6rem .75rem;font-size:.78rem;white-space:nowrap}.sort-button{display:inline-flex;align-items:center;gap:.4rem;padding:0;background:transparent;border:none;color:#173b55;font-size:inherit;font-weight:700;text-align:left;letter-spacing:.06em;text-transform:uppercase;max-width:100%}.sort-button__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sort-indicator{min-width:1rem;color:var(--color-primary);font-weight:700}.records-row{cursor:default;transition:background-color .18s ease}.records-row:hover{background:#11203c06}.records-row:focus-visible{outline:3px solid rgba(19,175,240,.2);outline-offset:-3px}.records-row--active{background:#13aff014}.cell-value,.attachment-count{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.cell-value--editable{cursor:pointer;border-radius:8px;padding:.15rem .35rem;margin:-.15rem -.35rem;transition:background-color .14s ease,outline .14s ease;outline:1px dashed transparent}.cell-value--editable:hover{background:#13aff014;outline-color:#13aff040}.cell-value--editable:focus-visible{outline:2px solid rgba(19,175,240,.5);background:#13aff00f}.inline-input{width:100%;min-width:120px;padding:.3rem .55rem;border-radius:8px;border:1.5px solid rgba(19,175,240,.45);background:#fffffffa;color:#18384e;outline:none;font-size:inherit;line-height:1.4;box-shadow:0 0 0 3px #13aff01a;transition:border-color .14s ease,box-shadow .14s ease}.inline-input:focus{border-color:#13aff0b3;box-shadow:0 0 0 4px #13aff026}.inline-input--textarea{min-height:80px;resize:vertical;vertical-align:top}.inline-select{width:100%;min-width:80px;padding:.3rem .55rem;border-radius:8px;border:1.5px solid rgba(17,32,60,.12);background:#ffffffeb;color:#18384e;font-size:inherit;cursor:pointer;outline:none;transition:border-color .14s ease,box-shadow .14s ease;appearance:auto}.inline-select:hover{border-color:#13aff059;background:#fffffffa}.inline-select:focus{border-color:#13aff080;box-shadow:0 0 0 3px #13aff01f}.attachment-count{color:#1c5b7d;font-weight:700}.mobile-card-list{display:none;gap:.85rem}.mobile-record-card{display:grid;gap:.9rem;width:100%;padding:1rem;text-align:left;border:1px solid rgba(17,32,60,.08);border-radius:20px;background:#ffffffeb;box-shadow:0 18px 28px -28px #11203c38}.mobile-record-card--active{border-color:#13aff040;box-shadow:0 22px 32px -28px #13aff03d}.mobile-record-card__head{display:grid;gap:.65rem}.mobile-record-card__head strong{color:#133d58;font-size:1rem}.mobile-record-card__badges,.attachment-list{display:flex;flex-wrap:wrap;gap:.45rem}.mobile-record-card__grid,.detail-grid,.detail-sections{display:grid;gap:.9rem}.mobile-record-card__grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-field,.detail-readonly,.field-stack{display:grid;gap:.5rem;min-width:0}.mini-field span{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.mini-field strong,.detail-readonly strong{color:#15354c;overflow-wrap:anywhere}.detail-panel{position:sticky;top:1rem;padding:1.2rem}.button-detail-close{min-height:2.7rem;padding-inline:.95rem}.detail-form{display:grid;gap:1rem}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.detail-title{font-size:clamp(1.6rem,2vw,2rem);line-height:1;color:#122c42}.detail-title--compact{font-family:var(--font-body);font-size:clamp(1.35rem,1.4vw,1.7rem);font-weight:700;letter-spacing:0;line-height:1.12;max-width:16ch}.detail-subtitle{margin:.45rem 0 0}.detail-chip{padding:.55rem .85rem}.detail-chip--accent{color:#8a5200;background:#ff8a001f}.detail-section{display:grid;gap:.85rem;padding:1rem;border-radius:20px;background:#f8fafcf5;border:1px solid rgba(17,32,60,.06)}.detail-section__header h4{margin:0;color:#14364e;font-size:1rem}.field-stack--wide,.detail-readonly--wide{grid-column:1 / -1}.field-input{width:100%;min-height:3.1rem;padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(17,32,60,.08);background:#fffffffa;color:#18384e;outline:none;line-height:1.45;transition:border-color .18s ease,box-shadow .18s ease}.field-input:focus,.search-field:focus-within,.toggle-field:focus-within{border-color:#13aff04d;box-shadow:0 0 0 4px #13aff01f}.field-input--textarea{min-height:140px;resize:vertical}.toggle-field{display:inline-flex;align-items:center;gap:.7rem;min-height:3.1rem;padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(17,32,60,.08);background:#fffffffa}.toggle-field input{width:1rem;height:1rem}.attachment-item{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem .8rem;border-radius:14px;text-decoration:none;color:#174a67;background:#13aff014;border:1px solid rgba(19,175,240,.16)}.detail-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.35rem}.status-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:.45rem .8rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.status-pill--info{background:#13aff01f;color:#16678b}.status-pill--accent{background:#ff8a0024;color:#a45c00}.status-pill--warning{background:#facc1529;color:#926100}.status-pill--success{background:#22aa7024;color:#0e7b55}.status-pill--danger{background:#dc4c4c1f;color:#b23e34}.status-pill--neutral{background:#70809024;color:#546372}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.85rem 1.2rem;font-weight:700;letter-spacing:.01em;border-radius:16px}.button:disabled,.tab-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.button-primary{color:#fff;background:#122e43;border-color:#122e43f5;box-shadow:0 18px 30px -24px #122e43b8}.button-secondary{color:#15354c;background:#fffffff5;border-color:#11203c14;box-shadow:0 12px 22px -22px #11203c38}.button-ghost{color:#fff;background:#122e43;border-color:#122e43e6;box-shadow:0 20px 32px -26px #122e43a6}.button:focus-visible,.tab-button:focus-visible,.sort-button:focus-visible,.attachment-item:focus-visible,.mobile-record-card:focus-visible{outline:none;box-shadow:0 0 0 4px #13aff024}.empty-state{display:grid;justify-items:start;gap:.7rem;padding:1.35rem;border-radius:20px;border:1px dashed rgba(17,32,60,.12);background:#f9fafcf5}.empty-state strong{color:#18384e}.loading-card,.inline-loader{display:inline-flex;align-items:center;gap:.85rem}.loading-card{justify-self:center;padding:1.35rem 1.5rem;border-radius:20px}.loading-spinner,.spinner-icon{animation:spin .9s linear infinite}.loading-spinner{width:2.5rem;height:2.5rem;border-radius:50%;border:3px solid rgba(19,175,240,.16);border-top-color:var(--color-primary)}.spinner-icon{color:var(--color-primary)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1240px){.workspace-grid{grid-template-columns:1fr}.detail-panel{position:static}}@media(max-width:1080px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}}@media(max-width:900px){.table-shell{display:none}.mobile-card-list{display:grid}}@media(max-width:720px){.page-shell{padding:1.15rem}.page-shell:before{inset:.6rem;border-radius:24px}.metrics-grid,.mobile-record-card__grid,.detail-grid{grid-template-columns:1fr}.hero-panel,.tabs-panel,.detail-panel,.loading-card{padding:1.25rem}.tabs-row,.subtabs-row,.toolbar-panel{width:100%}.toolbar-filters{grid-template-columns:1fr}.tab-button{flex:1 1 auto;justify-content:center}.brand-lockup{align-items:flex-start;flex-direction:column}.brand-logo{width:132px}.section-header,.detail-header,.detail-footer,.hero-actions,.hero-footer,.toolbar-panel{flex-direction:column;align-items:stretch}.summary-pills,.toolbar-meta,.detail-header__actions,.detail-toolbar{gap:.6rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}