:root{--app-black: var(--green-800);--app-gold: var(--gold);--app-gold-dark: var(--green-700);--app-gold-light: var(--cream-2);--app-gray: var(--cream);--app-gray-dark: var(--ink-soft);--uccs-black: var(--green-800);--uccs-gold: var(--gold);--uccs-gold-dark: var(--green-700);--uccs-gold-light:var(--cream-2);--uccs-gray: var(--cream);--uccs-gray-dark: var(--ink-soft);--white: var(--cream-2);--brass: var(--gold);--brass-2: var(--gold-soft);--success: #16a34a;--warning: #d97706;--error: #dc2626;--info: var(--green-700)}.App{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#f8f7f4e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);padding:10px var(--gutter);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:var(--maxw);margin:0 auto}.logo-section h1{font-size:var(--fs-h3);font-weight:var(--fw-semi);color:var(--green-800)}.logo-section .subtitle{font-size:var(--fs-label);color:var(--ink-soft)}.framework-badge{font-size:var(--fs-label);font-weight:var(--fw-med);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.framework-badge:before{display:none}.main-nav{display:flex;gap:2px;max-width:var(--maxw);margin:0 auto}.main-nav button{background:transparent;color:var(--ink-soft);border:none;border-bottom:2px solid transparent;padding:8px 14px;font-size:var(--fs-small);font-weight:var(--fw-med);cursor:pointer;transition:color .15s,border-color .15s}.main-nav button:hover:not(:disabled){color:var(--green-800);border-bottom-color:var(--gold)}.main-nav button.active{color:var(--green-800);border-bottom-color:var(--gold);font-weight:var(--fw-semi)}.main-nav button:disabled{opacity:.35;cursor:not-allowed}.app-main{flex:1;max-width:var(--maxw);width:100%;margin:var(--sp-4) auto;padding:0 var(--gutter)}.app-footer{background:var(--green-800);color:#f8f7f499;padding:14px var(--gutter);text-align:center;margin-top:auto;font-size:var(--fs-small)}.app-footer p{margin:0}.app-footer .version{color:var(--gold-soft);font-weight:var(--fw-med)}.card{background:var(--bg-raised);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:box-shadow .2s,border-color .2s}.card:hover{box-shadow:var(--shadow-md);border-color:var(--gold-soft)}.card-header{padding-bottom:var(--sp-2);margin-bottom:var(--sp-3);border-bottom:1px solid var(--border)}.card-header h2{font-size:var(--fs-h3);color:var(--text)}.card-header p{color:var(--ink-soft);margin-top:4px;font-size:var(--fs-small)}.btn{padding:8px 18px;font-size:var(--fs-small);font-weight:var(--fw-semi);border:none;border-radius:var(--r-sm);cursor:pointer;transition:all .15s;min-height:36px;font-family:var(--font-sans)}.btn-primary{background:var(--green-800);color:#fff}.btn-primary:hover:not(:disabled){background:var(--green-700);box-shadow:var(--shadow-sm)}.btn-secondary{background:transparent;color:var(--ink-soft);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.btn-success{background:var(--success);color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}input[type=text],input[type=file],input[type=email],input[type=password],select,textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--fs-body);background:#fff;color:var(--text);transition:border-color .15s,box-shadow .15s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b8933a14}label{display:block;margin-bottom:6px;font-weight:var(--fw-med);color:var(--text);font-size:var(--fs-small)}.status-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--r-pill);font-size:var(--fs-label);font-weight:var(--fw-semi)}.status-processing{background:#b8933a1a;color:var(--gold)}.status-completed{background:#16a34a14;color:var(--success)}.status-failed{background:#dc26260f;color:var(--error)}.spinner{border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:28px;height:28px;animation:spin .7s linear infinite;margin:var(--sp-4) auto}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{width:100%;height:4px;background:var(--border);border-radius:var(--r-pill);overflow:hidden;margin:var(--sp-2) 0}.progress-fill{height:100%;background:var(--gold);border-radius:var(--r-pill);transition:width .3s}.alert{padding:12px 16px;border-radius:var(--r-sm);margin:var(--sp-2) 0;font-size:var(--fs-small);border:1px solid}.alert-info{background:#1b502608;border-color:#1b50261f;color:var(--green-800)}.alert-success{background:#16a34a0a;border-color:#16a34a26;color:#15803d}.alert-warning{background:#b8933a0d;border-color:#b8933a33;color:#92400e}.alert-error{background:#dc262608;border-color:#dc26261f;color:#b91c1c}table{width:100%;border-collapse:collapse}thead th{padding:10px 14px;text-align:left;font-size:var(--fs-label);font-weight:var(--fw-semi);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);border-bottom:2px solid var(--green-700)}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:hover{background:var(--gold-dim)}tbody td{padding:10px 14px;color:var(--text);font-size:var(--fs-small)}@media(max-width:768px){.app-header{padding:10px 16px}.header-content{flex-direction:column;align-items:flex-start;gap:8px}.main-nav{flex-direction:column;width:100%}.main-nav button{width:100%;text-align:left}.app-main{padding:0 16px}}:root{--green-900: #0E2F16;--green-800: #133E1C;--green-700: #1B5026;--green-600: #2C6A39;--cream: #FEFEFE;--cream-2: #FFFFFF;--ink: #1A1D1A;--ink-soft: #6B7B6B;--gold: #B8933A;--gold-soft: #D4B96A;--gold-dim: rgba(184,147,58,.08);--sage: #8FA98C;--line: #E8E6E0;--line-green: rgba(255,255,255,.18);--bg: var(--cream);--bg-raised: var(--cream-2);--bg-input: #FFFFFF;--bg-decor: var(--green-800);--text: var(--ink);--text-muted: var(--ink-soft);--text-on-decor: #F8F7F4;--accent: var(--gold);--link: var(--green-700);--border: var(--line);--border-strong: var(--green-600);--font-serif: "Spectral", Georgia, serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--fs-display: 2.5rem;--fs-h1: 2rem;--fs-h2: 1.5rem;--fs-h3: 1.25rem;--fs-lead: 1.125rem;--fs-body: .9375rem;--fs-small: .875rem;--fs-label: .75rem;--fw-reg: 400;--fw-med: 500;--fw-semi: 600;--fw-bold: 700;--sp-1: .5rem;--sp-2: 1rem;--sp-3: 1.5rem;--sp-4: 2rem;--sp-5: 3rem;--sp-6: 4rem;--sp-7: 6rem;--sp-8: 8rem;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.03);--shadow-md: 0 4px 16px rgba(0,0,0,.07);--shadow-lg: 0 12px 40px rgba(0,0,0,.12);--shadow-gold: 0 4px 16px rgba(184,147,58,.12);--maxw: 1200px;--gutter: clamp(1.25rem, 5vw, 6.5rem)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:var(--fw-semi);line-height:1.2;letter-spacing:-.02em;color:var(--text)}a{color:var(--link);text-decoration:none}a:hover{color:var(--green-800)}input,textarea,select{background:var(--bg-input);color:var(--ink);border:1px solid var(--border);border-radius:var(--r-sm);font-family:var(--font-sans);font-size:var(--fs-body);padding:.6em .8em;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--ink-soft);opacity:.5}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b8933a1a}.eyebrow{font-size:var(--fs-label);font-weight:var(--fw-semi);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}*{margin:0;padding:0;box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}