*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #86BC25;--color-primary-dark: #43B02A;--color-primary-deep: #046A38;--color-secondary: #0097A9;--color-accent: #00A3E0;--color-accent-deep: #0076A8;--color-navy: #012169;--chart-1: #86BC25;--chart-2: #0097A9;--chart-3: #00A3E0;--chart-4: #0076A8;--chart-5: #012169;--chart-6: #C4D600;--chart-7: #2C5234;--color-white: #FFFFFF;--color-black: #000000;--color-gray-2: #D0D0CE;--color-gray-4: #BBBCBC;--color-gray-7: #97999B;--color-gray-9: #75787B;--color-gray-11: #53565A;--color-bg: #F5F5F5;--color-surface: #FFFFFF;--color-text: #000000;--color-text-muted: #75787B;--color-border: #D0D0CE;--status-completed-bg: #E8F5D0;--status-completed-text: #2C5234;--status-pending-bg: #EFEFEF;--status-pending-text: #53565A;--status-expired-bg: #FDECEA;--status-expired-text: #C62828;--font-body: "Open Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--shadow-card: 0 1px 4px rgba(0,0,0,.08), 0 0 0 1px var(--color-border);--shadow-card-hover: 0 4px 16px rgba(0,0,0,.12), 0 0 0 1px var(--color-border);--shadow-dropdown: 0 8px 24px rgba(0,0,0,.12);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--transition-fast: .15s ease;--transition-base: .25s ease}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-weight:400;color:var(--color-text);background:var(--color-bg);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);font-weight:700;line-height:1.25;color:var(--color-text)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}p{margin:0}a{color:var(--color-accent-deep);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}img{max-width:100%;display:block}code,pre{font-family:var(--font-mono);font-size:.875rem}button{font-family:var(--font-body);cursor:pointer}input,select,textarea{font-family:var(--font-body);font-size:1rem}.app-shell{display:flex;flex-direction:column;min-height:100vh}.page-main{flex:1;padding:var(--sp-8) 0 var(--sp-12)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--sp-6)}.container--narrow{max-width:720px}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--sp-6)}.card--hover{transition:box-shadow var(--transition-base),transform var(--transition-base)}.card--hover:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:10px var(--sp-5);font-size:.9375rem;font-weight:600;border-radius:var(--radius-sm);border:2px solid transparent;text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;cursor:pointer}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn--primary{background:var(--color-primary);color:var(--color-black);border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 3px 10px #86bc2559}.btn--secondary{background:transparent;color:var(--color-primary-dark);border-color:var(--color-primary)}.btn--secondary:hover{background:#86bc2514;transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--color-gray-11);border-color:var(--color-border)}.btn--ghost:hover{background:var(--color-bg);color:var(--color-text)}.btn--danger{background:#c62828;color:var(--color-white);border-color:#c62828}.btn--danger:hover{background:#b71c1c;border-color:#b71c1c}.btn--sm{padding:6px var(--sp-3);font-size:.875rem}.btn--lg{padding:14px var(--sp-8);font-size:1.0625rem}.form-group{display:flex;flex-direction:column;gap:var(--sp-2)}.form-label{font-size:.875rem;font-weight:600;color:var(--color-gray-11)}.form-label--required:after{content:" *";color:#c62828}.form-input{width:100%;padding:10px var(--sp-3);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9375rem;color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #00a3e026}.form-input--error{border-color:#c62828}.form-input--error:focus{box-shadow:0 0 0 3px #c6282826}.form-input[readonly]{background:var(--color-bg);color:var(--color-gray-9);cursor:default}.form-error{font-size:.8125rem;color:#c62828;display:flex;align-items:center;gap:4px}.form-hint{font-size:.8125rem;color:var(--color-text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(24px)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.animate-in{animation:fadeInUp .45s ease-out both}.animate-in:nth-child(1){animation-delay:.05s}.animate-in:nth-child(2){animation-delay:.1s}.animate-in:nth-child(3){animation-delay:.15s}.animate-in:nth-child(4){animation-delay:.2s}.animate-in:nth-child(5){animation-delay:.25s}.animate-in:nth-child(6){animation-delay:.3s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-mono{font-family:var(--font-mono)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-4{gap:var(--sp-4)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mb-4{margin-bottom:var(--sp-4)}.mb-6,.page-header{margin-bottom:var(--sp-6)}.page-title{font-size:1.625rem;font-weight:700;color:var(--color-text)}.page-subtitle{font-size:.9375rem;color:var(--color-text-muted);margin-top:var(--sp-1)}.empty-state{text-align:center;padding:var(--sp-12) var(--sp-6);color:var(--color-text-muted)}.empty-state__icon{font-size:2.5rem;margin-bottom:var(--sp-4);opacity:.5}.empty-state__title{font-size:1.0625rem;font-weight:600;color:var(--color-gray-9);margin-bottom:var(--sp-2)}.empty-state__desc{font-size:.9375rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4);gap:var(--sp-4)}.section-title{font-size:1.0625rem;font-weight:700;color:var(--color-text)}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-row{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-10);color:var(--color-text-muted);font-size:.9375rem}