@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=DM+Sans:wght@300;400;500&display=swap");:root{--navy:#0d1b4b;--navy2:#122060;--navy3:#1a3a6b;--gold:#c9a84c;--gold2:#e8c96a;--copper:#b87333;--cream:#f9f7f2;--off:#f0ece2;--border:#e2ddd4;--text:#1a1a2e;--muted:#6b6b80;--success:#2d7a4f;--danger:#c0392b;--white:#ffffff;--card:#ffffff}*{box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--cream);color:var(--text);min-height:100vh}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy);position:relative;overflow:hidden}.login-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 0,rgba(201,168,76,.15) 0,transparent 65%);pointer-events:none}.login-card{background:rgba(255,255,255,.04);border:1px solid rgba(201,168,76,.2);border-radius:20px;padding:3rem 2.5rem;width:100%;max-width:400px;position:relative;backdrop-filter:blur(10px)}.login-star{font-size:2.5rem;color:var(--gold);text-align:center;display:block;margin-bottom:.75rem}.login-title{font-family:Cormorant Garamond,serif;font-size:1.8rem;color:var(--white);text-align:center;font-weight:600;margin-bottom:.3rem}.login-sub{color:rgba(255,255,255,.45);font-size:.85rem;text-align:center;margin-bottom:2rem}.login-label{display:block;font-size:.75rem;font-weight:500;color:rgba(255,255,255,.6);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem}.login-input{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(201,168,76,.25);border-radius:10px;padding:.85rem 1rem;color:var(--white);font-family:DM Sans,sans-serif;font-size:.95rem;outline:none;transition:border-color .2s;margin-bottom:1.25rem}.login-input:focus{border-color:var(--gold)}.login-input::placeholder{color:rgba(255,255,255,.25)}.login-btn{width:100%;border:none;border-radius:10px;padding:.9rem;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.login-btn:hover{background:var(--navy)}.app-nav{background:var(--navy);justify-content:space-between;padding:0 2rem;height:62px;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(201,168,76,.15)}.app-nav,.nav-brand{display:flex;align-items:center}.nav-brand{gap:.6rem}.nav-star{color:var(--gold);font-size:1.3rem}.nav-title{font-family:Cormorant Garamond,serif;color:var(--white);font-size:1.2rem;font-weight:600;letter-spacing:.02em}.nav-badge{font-size:.65rem;background:rgba(201,168,76,.2);color:var(--gold);padding:.2rem .5rem;border-radius:4px;letter-spacing:.05em;margin-left:.25rem}.nav-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.nav-tab{background:none;border:none;color:rgba(255,255,255,.6);font-family:DM Sans,sans-serif;font-size:.85rem;padding:.45rem .9rem;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.nav-tab.active,.nav-tab:hover{background:rgba(201,168,76,.12);color:var(--gold)}.nav-logout{background:none;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.5);font-family:DM Sans,sans-serif;font-size:.78rem;padding:.35rem .8rem;border-radius:6px;cursor:pointer;transition:all .2s;margin-left:.5rem}.nav-logout:hover{border-color:rgba(255,255,255,.35);color:var(--white)}.sheets-status{display:flex;align-items:center;gap:.4rem;font-size:.72rem;padding:.3rem .7rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);margin-right:.5rem}.sheets-status.connected{color:#68d391;border-color:rgba(104,211,145,.3)}.sheets-status.disconnected{color:rgba(255,255,255,.35);border-color:rgba(255,255,255,.1)}.sheets-dot{width:6px;height:6px;border-radius:50%}.sheets-status.connected .sheets-dot{background:#68d391}.sheets-status.disconnected .sheets-dot{background:rgba(255,255,255,.2)}.section{max-width:1080px;margin:0 auto;padding:2.5rem 2rem}.sec-head{margin-bottom:2rem}.sec-title{font-family:Cormorant Garamond,serif;font-size:1.75rem;color:var(--navy);font-weight:600}.sec-sub{color:var(--muted);font-size:.875rem;margin-top:.25rem}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.5rem;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold)}.stat-card.copper:after{background:var(--copper)}.stat-card.navy:after{background:var(--navy)}.stat-card.success:after{background:var(--success)}.stat-num{font-family:Cormorant Garamond,serif;font-size:2.2rem;color:var(--navy);font-weight:600}.stat-lbl{font-size:.78rem;color:var(--muted);margin-top:.2rem;letter-spacing:.04em;text-transform:uppercase}.form-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:2rem}.form-card-title{font-family:Cormorant Garamond,serif;font-size:1.2rem;color:var(--navy);font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.fg{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.1rem}.fg label{font-size:.75rem;font-weight:500;color:var(--navy);letter-spacing:.06em;text-transform:uppercase}.fg input,.fg select,.fg textarea{border:1px solid var(--border);border-radius:8px;padding:.65rem .9rem;font-family:DM Sans,sans-serif;font-size:.875rem;color:var(--text);background:var(--cream);outline:none;transition:border-color .2s;width:100%}.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--navy);background:var(--white)}.cred-type-group{display:flex;gap:.75rem;margin-bottom:1.1rem}.ctype{flex:1 1;border:1.5px solid var(--border);border-radius:10px;padding:.9rem .75rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.6rem;background:var(--cream)}.ctype:hover{border-color:var(--gold)}.ctype.checked{border-color:var(--navy);background:var(--navy)}.ctype.checked .ctype-label{color:var(--white)}.ctype.checked .ctype-icon{background:rgba(201,168,76,.2);color:var(--gold)}.ctype-icon{width:34px;height:34px;border-radius:8px;background:rgba(13,27,75,.07);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.ctype-label{font-size:.875rem;font-weight:500;color:var(--text)}.ctype-sub{font-size:.72rem;color:var(--muted);margin-top:.1rem}.upload-tmpl-zone{border:2px dashed var(--border);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--card);position:relative}.upload-tmpl-zone:hover{border-color:var(--gold);background:rgba(201,168,76,.04)}.upload-tmpl-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.tmpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.tmpl-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.tmpl-preview{width:100%;height:120px;overflow:hidden;background:var(--off);display:flex;align-items:center;justify-content:center}.tmpl-preview img{width:100%;height:100%;object-fit:cover}.tmpl-body{padding:.75rem}.tmpl-name{font-size:.85rem;font-weight:500;color:var(--text);margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmpl-type-lbl{font-size:.7rem;color:var(--muted)}.tmpl-actions{display:flex;gap:.4rem;margin-top:.5rem}.btn-issue{width:100%;background:var(--navy);color:var(--white);border:none;border-radius:10px;padding:.9rem;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s;margin-top:.25rem}.btn-issue:hover{background:var(--navy3)}.btn-sm{font-size:.76rem;padding:.35rem .7rem;border-radius:6px;border:1px solid var(--border);background:var(--white);color:var(--text);cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif;white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem}.btn-sm:hover{border-color:var(--navy);color:var(--navy)}.btn-sm.gold{background:var(--gold);color:var(--navy);border-color:var(--gold)}.btn-sm.gold:hover{background:var(--gold2)}.btn-sm.danger{color:var(--danger);border-color:#f5c6c3}.btn-sm.danger:hover{background:#fdf0ef}.btn-sm.li{background:#0a66c2;color:#fff;border-color:#0a66c2}.btn-sm.li:hover{background:#004182}.btn-sm.dl{background:#2d7a4f;color:#fff;border-color:#2d7a4f}.btn-sm.dl:hover{background:#236040}.cred-table{width:100%;border-collapse:collapse}.cred-table th{font-size:.72rem;font-weight:500;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:.6rem 1rem;text-align:left}.cred-table td,.cred-table th{border-bottom:1px solid var(--border)}.cred-table td{padding:.8rem 1rem;font-size:.84rem;vertical-align:middle}.cred-table tr:last-child td{border-bottom:none}.cred-table tr:hover td{background:rgba(201,168,76,.03)}.td-actions{display:flex;gap:.3rem;flex-wrap:wrap}.pill{font-size:.68rem;padding:.2rem .55rem;border-radius:20px;font-weight:500}.pill-certificate{background:rgba(201,168,76,.15);color:#8a6a20}.pill-badge{background:rgba(184,115,51,.15);color:#7a4d1d}.pill-both{background:rgba(13,27,75,.1);color:var(--navy)}.pill-id{background:var(--off);color:var(--muted);font-family:monospace;font-size:.65rem}.pill-synced{background:rgba(45,122,79,.1);color:var(--success);font-size:.65rem}.pill-unsynced{background:rgba(192,57,43,.08);color:var(--danger);font-size:.65rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.open{opacity:1;pointer-events:auto}.modal{background:var(--white);border-radius:18px;padding:0;max-width:580px;width:90%;max-height:90vh;overflow-y:auto;transform:translateY(10px);transition:transform .2s}.modal-overlay.open .modal{transform:translateY(0)}.modal-head{background:var(--navy);padding:1.5rem 2rem;border-radius:18px 18px 0 0;display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:Cormorant Garamond,serif;color:var(--white);font-size:1.3rem;font-weight:600}.modal-close{background:none;border:none;color:rgba(255,255,255,.5);font-size:1.3rem;cursor:pointer;padding:.25rem}.modal-close:hover{color:var(--white)}.modal-body{padding:2rem}.settings-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.5rem;margin-bottom:1rem}.settings-card-title{font-size:.875rem;font-weight:500;color:var(--navy);margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}.settings-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.settings-input{flex:1 1;min-width:200px;border:1px solid var(--border);border-radius:8px;padding:.6rem .9rem;font-family:DM Sans,sans-serif;font-size:.85rem;color:var(--text);background:var(--cream);outline:none;transition:border-color .2s}.settings-input:focus{border-color:var(--navy);background:var(--white)}.settings-hint{font-size:.75rem;color:var(--muted);margin-top:.4rem;line-height:1.5}.toast-custom{position:fixed;bottom:2rem;right:2rem;background:var(--navy);color:var(--white);padding:.8rem 1.4rem;border-radius:10px;font-size:.85rem;z-index:9999;transform:translateY(80px);opacity:0;transition:all .3s;border-left:3px solid var(--gold);max-width:320px;font-family:DM Sans,sans-serif}.toast-custom.show{transform:translateY(0);opacity:1}.toast-custom.error{border-left-color:var(--danger)}.toast-custom.success-t{border-left-color:var(--success)}.empty{text-align:center;padding:3rem;color:var(--muted)}.empty-ico{font-size:2.2rem;opacity:.35;margin-bottom:.75rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-fade{animation:fadeUp .3s ease}@media(max-width:700px){.stats-row{grid-template-columns:1fr 1fr}.fg-row,.two-col{grid-template-columns:1fr!important}.app-nav{padding:0 1rem}.nav-right{gap:.25rem}.nav-tab{font-size:.78rem;padding:.35rem .6rem}}