:root{--background: #F5F4F1;--foreground: #1a1a2e;--card: #FFFFFF;--card-foreground: #1a1a2e;--primary: #003366;--primary-foreground: #FFFFFF;--secondary: #EBE8E1;--secondary-foreground: #1a1a2e;--muted: #EBE8E1;--muted-foreground: #6b6b6b;--accent: #C5A059;--accent-foreground: #1a1a2e;--destructive: #B71C1C;--destructive-foreground: #FFFFFF;--border: #d4d0c7;--input: #EBE8E1;--ring: #C5A059;--success: #2e7d32;--success-foreground: #FFFFFF;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-serif: "IBM Plex Serif", Georgia, serif;--font-mono: "IBM Plex Mono", monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 28px;--text-3xl: 36px;--radius: 2px;--radius-lg: 4px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--text-base);background:var(--background);color:var(--foreground);line-height:1.55;-webkit-font-smoothing:antialiased}.app-layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--primary);color:var(--primary-foreground);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh}.sidebar-wordmark{padding:24px 24px 20px;font-family:var(--font-serif);font-weight:600;font-size:var(--text-lg);letter-spacing:.02em;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-wordmark-sub{font-family:var(--font-sans);font-weight:400;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-top:2px}.sidebar-nav{padding:16px 0;flex:1}.sidebar-nav-item{display:block;width:100%;text-align:left;padding:12px 24px;font-family:var(--font-sans);font-size:var(--text-base);font-weight:500;color:#ffffffb3;background:none;border:none;cursor:pointer;transition:all .15s ease;border-left:3px solid transparent}.sidebar-nav-item:hover{color:#fff;background:#ffffff0f}.sidebar-nav-item.active{color:#fff;background:#ffffff14;border-left-color:var(--accent)}.sidebar-footer{padding:16px 24px;font-size:var(--text-xs);color:#fff6;border-top:1px solid rgba(255,255,255,.12)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{background:var(--card);border-bottom:2px solid var(--accent);padding:16px 32px;display:flex;align-items:center;justify-content:space-between}.topbar-title{font-family:var(--font-serif);font-weight:300;font-size:var(--text-2xl);color:var(--primary)}.topbar-subtitle{font-size:var(--text-sm);color:var(--muted-foreground);margin-top:2px}.topbar-meta{font-size:var(--text-xs);color:var(--muted-foreground);text-align:right;font-family:var(--font-mono)}.form-container{max-width:880px;padding:32px;flex:1}.section-divider{display:flex;align-items:center;gap:12px;margin:32px 0 20px}.section-divider:first-child{margin-top:0}.section-divider-line{flex:1;height:1px;background:var(--accent);opacity:.4}.section-divider-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);white-space:nowrap}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-row.single{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column}.form-label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--foreground);margin-bottom:6px}.form-label .required{color:var(--destructive);margin-left:2px}.form-input,.form-select,.form-textarea{font-family:var(--font-sans);font-size:var(--text-base);color:var(--foreground);background:var(--input);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;width:100%;transition:border-color .15s ease,box-shadow .15s ease;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0033661f;background:#fff}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--destructive);background:#b71c1c0a}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 2px #b71c1c1f}.form-textarea{resize:vertical;min-height:80px;font-family:var(--font-sans)}.form-error{font-size:var(--text-xs);color:var(--destructive);margin-top:4px;font-weight:500}.form-hint{font-size:var(--text-xs);color:var(--muted-foreground);margin-top:4px}.cert-id-wrapper{position:relative}.cert-id-input{font-family:var(--font-mono)!important;letter-spacing:.08em;font-size:var(--text-lg)!important;padding:14px 16px!important}.cert-id-punches{display:flex;gap:4px;margin-top:8px}.cert-id-punch{width:10px;height:10px;border:1px solid var(--border);border-radius:1px;background:var(--secondary);transition:all .2s ease}.cert-id-punch.filled{background:var(--accent);border-color:var(--accent)}.btn{font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;padding:12px 28px;border-radius:var(--radius);border:none;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background:#002a52}.btn-primary:active{background:#001f3f}.btn-primary:disabled{background:var(--muted-foreground);cursor:not-allowed}.btn-secondary{background:transparent;color:var(--primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--secondary)}.form-actions{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.success-banner{background:var(--card);border:1px solid var(--success);border-left:4px solid var(--success);border-radius:var(--radius);padding:20px 24px;margin-bottom:24px;display:flex;align-items:flex-start;gap:16px}.success-icon{width:40px;height:40px;border-radius:50%;background:var(--success);color:var(--success-foreground);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.success-content{flex:1}.success-title{font-family:var(--font-serif);font-weight:600;font-size:var(--text-xl);color:var(--success);margin-bottom:4px}.success-detail{font-size:var(--text-base);color:var(--foreground)}.success-cert-id{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:500;color:var(--primary);background:var(--secondary);padding:4px 10px;border-radius:var(--radius);display:inline-block;margin-top:6px}.success-actions{display:flex;gap:8px;margin-top:12px}.error-banner{background:#b71c1c0f;border:1px solid var(--destructive);border-left:4px solid var(--destructive);border-radius:var(--radius);padding:16px 20px;margin-bottom:24px;font-size:var(--text-base);color:var(--destructive);font-weight:500}@media (max-width: 768px){.sidebar{display:none}.form-row{grid-template-columns:1fr}.form-container{padding:20px}.topbar{padding:12px 20px}}