:root{--brand-navy: #00338D;--brand-purple: #483698;--brand-teal: #00a3ad;--brand-gradient: linear-gradient(135deg, #00338d 0%, #483698 50%, #00a3ad 100%);--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--success-bg: #dcfce7;--success-text: #166534;--warning-bg: #fef9c3;--warning-text: #854d0e;--error-bg: #fee2e2;--error-text: #991b1b;--info-bg: #dbeafe;--info-text: #1e40af;--shadow-sm: 0 1px 2px 0 rgba(0,0,0,.05);--shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);--radius-sm: .25rem;--radius: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--gray-100);color:var(--gray-800);line-height:1.5;font-size:1rem;-webkit-font-smoothing:antialiased}.app{min-height:100vh}.navbar{background:var(--brand-gradient);padding:.875rem 2rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-md)}.navbar-title{text-decoration:none}.navbar-title h1{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.navbar nav{display:flex;gap:.375rem;flex-wrap:wrap}.navbar a{color:#fffc;text-decoration:none;padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;transition:var(--transition)}.navbar a:hover{background-color:#ffffff26;color:#fff}.navbar a.active{background-color:#ffffff40;color:#fff}.main-content{padding:2rem;max-width:1200px;margin:0 auto}.manager{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);border:1px solid var(--gray-200)}.manager h2{margin-bottom:1.5rem;color:var(--brand-navy);font-size:1.375rem;font-weight:700;letter-spacing:-.02em}.manager-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.manager-header h2{margin-bottom:0}.actions-bar{margin-bottom:1.5rem}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--gray-200)}.form-section h3{margin-bottom:1rem;color:var(--gray-700);font-size:1rem;font-weight:600}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.375rem;font-weight:500;font-size:.875rem;color:var(--gray-700)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.625rem .875rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.9375rem;font-family:inherit;color:var(--gray-800);background-color:#fff;transition:var(--transition)}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--brand-navy);box-shadow:0 0 0 3px #00338d1f}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray-400)}.form-actions{display:flex;gap:.5rem;margin-top:1rem}.form-hint{font-size:.8125rem;color:var(--gray-500);margin-top:.375rem}.btn{padding:.625rem 1.25rem;border:none;border-radius:var(--radius);font-size:.9375rem;font-weight:500;font-family:inherit;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.375rem}.btn-primary{background:var(--brand-navy);color:#fff}.btn-primary:hover{background:#002b7a;box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--gray-200);color:var(--gray-700);margin-left:.5rem}.btn-secondary:hover{background-color:var(--gray-300)}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover{background-color:#b91c1c;box-shadow:var(--shadow-md)}.btn-small{padding:.375rem .75rem;font-size:.8125rem}.btn-icon{width:34px;height:34px;padding:0;font-size:1.125rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9375rem}th,td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--gray-200)}th{background-color:var(--gray-50);font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500)}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--gray-50)}.actions{display:flex;gap:.5rem}.empty-state{text-align:center;padding:3rem 2rem;color:var(--gray-400);font-size:.9375rem}.error{background-color:var(--error-bg);color:var(--error-text);padding:.875rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.9rem;border-left:3px solid #dc2626}.success{background-color:var(--success-bg);color:var(--success-text);padding:.875rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.9rem;border-left:3px solid #16a34a}.home h2{color:var(--brand-navy);margin-bottom:2rem;text-align:center;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:800px;margin:0 auto}.tile{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);border:1px solid var(--gray-200);text-decoration:none;color:inherit;transition:var(--transition-slow);display:block}.tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-teal)}.tile h3{color:var(--brand-navy);margin-bottom:.625rem;font-size:1.125rem;font-weight:600}.tile p{color:var(--gray-500);font-size:.9rem;line-height:1.6}.subtitle{color:var(--gray-500);margin-bottom:1.5rem;font-size:.9rem}.reference-data-list{display:flex;flex-direction:column;gap:.75rem}.reference-data-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200);transition:var(--transition)}.reference-data-item:hover{border-color:var(--brand-teal);background:#fff}.reference-data-info h3{color:var(--gray-800);margin-bottom:.25rem;font-size:1rem;font-weight:600}.reference-data-info p{color:var(--gray-500);font-size:.875rem;margin:0}.reference-data-actions{display:flex;gap:.5rem;flex-shrink:0}.fields-list{display:flex;flex-direction:column;gap:.5rem}.field-row{display:flex;gap:.5rem;align-items:center}.field-row input{flex:1;padding:.625rem .875rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.9375rem;font-family:inherit;transition:var(--transition)}.field-row input:focus{outline:none;border-color:var(--brand-navy);box-shadow:0 0 0 3px #00338d1f}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#fff;padding:2rem;border-radius:var(--radius-lg);min-width:400px;max-width:520px;box-shadow:var(--shadow-xl);border:1px solid var(--gray-200)}.modal h3{margin-bottom:1.5rem;color:var(--brand-navy);font-weight:700;font-size:1.125rem}.modal-actions{display:flex;gap:.5rem;margin-top:1.5rem}.template-badge{font-size:.8125rem;color:var(--brand-teal);font-weight:500;margin-top:.25rem}.template-info{color:var(--gray-500);font-size:.875rem;margin-bottom:1.5rem}.template-fields-preview{margin-bottom:1rem;padding:1rem;background-color:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}.template-fields-preview label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:var(--gray-700)}.fields-tags{display:flex;flex-wrap:wrap;gap:.375rem}.field-tag{background-color:#00338d14;color:var(--brand-navy);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.template-fields-section{margin-top:1.5rem;padding:1rem;background-color:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.template-fields-section h4{margin-bottom:1rem;color:var(--gray-700);font-size:.9375rem;font-weight:600}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;letter-spacing:.01em}.status-synced{background-color:var(--success-bg);color:var(--success-text)}.status-needs-update{background-color:var(--warning-bg);color:var(--warning-text);cursor:help}.missing-fields-hint{display:block;font-size:.75rem;font-weight:400;opacity:.75}.mapped-template{color:#16a34a;font-weight:500;font-size:.875rem}.not-mapped{color:var(--gray-400);font-style:italic;font-size:.875rem}