:root{--bg-dark: #0B0F19;--bg-surface: #111827;--bg-card: rgba(17, 24, 39, .8);--bg-card-solid: #1a2332;--bg-card-hover: rgba(26, 35, 50, .95);--bg-input: rgba(15, 23, 42, .6);--primary-gold: #D4A853;--primary-gold-dim: rgba(212, 168, 83, .12);--primary-gold-hover: #E8C777;--primary-gold-glow: rgba(212, 168, 83, .25);--text-main: #E8ECF4;--text-muted: #8896AB;--text-bright: #FFFFFF;--border-color: rgba(255, 255, 255, .08);--border-focus: rgba(212, 168, 83, .5);--border-subtle: rgba(255, 255, 255, .04);--error: #EF4444;--error-dim: rgba(239, 68, 68, .12);--success: #10B981;--success-dim: rgba(16, 185, 129, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--shadow-glow: 0 4px 20px var(--primary-gold-glow);--shadow-glow-lg: 0 8px 40px var(--primary-gold-glow);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(ellipse at 20% 0%,rgba(212,168,83,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(212,168,83,.03) 0%,transparent 50%)}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:600;letter-spacing:.5px;color:var(--text-bright)}h1{font-size:2rem;background:linear-gradient(135deg,var(--text-bright),var(--primary-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}a{color:var(--primary-gold);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary-gold-hover)}::selection{background:var(--primary-gold-dim);color:var(--primary-gold-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem}.glass-panel-glow{position:relative}.glass-panel-glow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,rgba(212,168,83,.2),transparent 50%,rgba(212,168,83,.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.text-gold{color:var(--primary-gold)}.text-muted{color:var(--text-muted)}.text-bright{color:var(--text-bright)}.text-center{text-align:center}.text-error{color:var(--error)}.text-success{color:var(--success)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;font-size:.9rem;font-family:Inter,sans-serif;cursor:pointer;transition:var(--transition);border:none;gap:.5rem;letter-spacing:.3px;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:var(--transition-fast)}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary-gold),#c4953d);color:#0b0f19;font-weight:600;box-shadow:var(--shadow-glow)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-gold-hover),var(--primary-gold));transform:translateY(-2px);box-shadow:var(--shadow-glow-lg)}.btn-secondary{background:#ffffff0a;color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--primary-gold);color:var(--primary-gold);background:var(--primary-gold-dim)}.btn-danger{background:transparent;color:var(--error);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:var(--error-dim);border-color:var(--error);box-shadow:0 4px 16px #ef444426}.btn-icon{padding:.6rem;min-width:36px;min-height:36px}.form-group{margin-bottom:1.5rem;position:relative}.form-label{display:block;margin-bottom:.5rem;font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.form-control{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.8rem 1rem;color:var(--text-main);font-family:Inter,sans-serif;font-size:.95rem;transition:var(--transition)}.form-control::placeholder{color:#8896ab80}.form-control:hover{border-color:#ffffff1f}.form-control:focus{outline:none;border-color:var(--primary-gold);box-shadow:0 0 0 3px var(--primary-gold-dim),var(--shadow-glow);background:#0f172acc}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238896AB'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem;padding-right:2.5rem;cursor:pointer}select.form-control option{background-color:var(--bg-surface);color:var(--text-main);padding:.5rem}.combobox-wrapper{position:relative}.combobox-input-wrapper{position:relative;display:flex;align-items:center}.combobox-input{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.8rem 2.8rem .8rem 1rem;color:var(--text-main);font-family:Inter,sans-serif;font-size:.95rem;transition:var(--transition);cursor:text}.combobox-input::placeholder{color:#8896ab80}.combobox-input:hover{border-color:#ffffff1f}.combobox-input:focus{outline:none;border-color:var(--primary-gold);box-shadow:0 0 0 3px var(--primary-gold-dim),var(--shadow-glow);background:#0f172acc}.combobox-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);border-radius:var(--radius-sm)}.combobox-toggle:hover{color:var(--primary-gold);background:var(--primary-gold-dim)}.combobox-toggle svg{transition:transform .2s ease}.combobox-wrapper.open .combobox-toggle svg{transform:rotate(180deg)}.combobox-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:280px;overflow-y:auto;z-index:50;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.combobox-wrapper.open .combobox-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.combobox-option{padding:.7rem 1rem;cursor:pointer;font-size:.9rem;color:var(--text-main);transition:var(--transition-fast);display:flex;align-items:center;gap:.6rem;border-bottom:1px solid var(--border-subtle)}.combobox-option:last-child{border-bottom:none}.combobox-option:hover,.combobox-option.highlighted{background:var(--primary-gold-dim);color:var(--primary-gold-hover)}.combobox-option.add-new{color:var(--primary-gold);font-weight:500;border-bottom:1px solid var(--border-color);background:#d4a8530d}.combobox-option.add-new:hover,.combobox-option.add-new.highlighted{background:#d4a8531f}.combobox-option .add-icon{width:20px;height:20px;border-radius:50%;background:var(--primary-gold-dim);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;color:var(--primary-gold);font-weight:600}.combobox-no-results{padding:1.2rem 1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.combobox-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:500;padding:.15rem .5rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;margin-left:auto;flex-shrink:0}.combobox-badge.preset{background:#10b9811a;color:#10b981}.combobox-badge.custom{background:#d4a8531a;color:var(--primary-gold)}.combobox-selected-badge{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.75rem;padding:.25rem .7rem;border-radius:20px;font-weight:500}.combobox-selected-badge.custom{background:var(--primary-gold-dim);color:var(--primary-gold);border:1px solid rgba(212,168,83,.2)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.page-wrapper{padding:2rem 0;animation:fadeIn .5s ease-out forwards}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at 20% 20%,rgba(212,168,83,.06),transparent 40%),radial-gradient(circle at 80% 80%,rgba(212,168,83,.04),transparent 40%),radial-gradient(circle at 50% 50%,rgba(15,23,42,.8),transparent 80%)}.auth-card{width:100%;max-width:440px;padding:2.5rem;position:relative}.auth-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(160deg,rgba(212,168,83,.3),transparent 40%,rgba(212,168,83,.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{font-family:Playfair Display,serif;font-size:1.5rem;color:var(--primary-gold);margin-bottom:.5rem}.navbar{background:#111827d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:.8rem 0;position:sticky;top:0;z-index:40;box-shadow:0 4px 24px #0000004d}.navbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,83,.3),transparent)}.nav-container{display:flex;justify-content:space-between;align-items:center}.nav-brand{font-family:Playfair Display,serif;font-size:1.2rem;color:var(--primary-gold);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.6rem;transition:var(--transition)}.nav-brand:hover{color:var(--primary-gold-hover);text-shadow:0 0 20px var(--primary-gold-glow)}.nav-brand img{filter:drop-shadow(0 2px 8px rgba(212,168,83,.2))}.nav-links{display:flex;gap:.5rem;align-items:center}.nav-link{color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.9rem;transition:var(--transition);position:relative;padding:.5rem 1rem;border-radius:var(--radius-md)}.nav-link:hover,.nav-link.active{color:var(--primary-gold);background:var(--primary-gold-dim)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--primary-gold);transition:var(--transition);border-radius:1px}.nav-link.active:after{width:60%}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-header{margin-bottom:2rem}.dashboard-header p{margin-top:.5rem}.preview-container{position:sticky;top:100px}.pdf-preview-box{width:100%;aspect-ratio:297/210;background:var(--bg-surface);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.pdf-preview-box iframe{width:100%;height:100%;border:none}.cert-table{width:100%;border-collapse:collapse}.cert-table thead tr{border-bottom:1px solid var(--border-color)}.cert-table thead th{padding:1rem 1.2rem;text-align:left;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.cert-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:var(--transition-fast)}.cert-table tbody tr:hover{background:#d4a8530a}.cert-table tbody td{padding:1rem 1.2rem;font-size:.9rem}.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.cert-card{padding:1.5rem;transition:var(--transition);display:flex;flex-direction:column}.cert-card:hover{transform:translateY(-4px);border-color:#d4a85333;box-shadow:var(--shadow-glow)}.cert-title{font-size:1.25rem;margin-bottom:.5rem}.cert-meta{color:var(--text-muted);font-size:.875rem;margin-bottom:.25rem}.cert-actions{display:flex;gap:.5rem;margin-top:1.5rem;flex-wrap:wrap}.cert-actions .btn{flex:1;padding:.5rem;font-size:.875rem}.stat-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:20px;background:var(--primary-gold-dim);border:1px solid rgba(212,168,83,.15);color:var(--primary-gold);font-size:.85rem;font-weight:500}.search-input-wrapper{position:relative}.search-input-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input-wrapper .form-control{padding-left:2.5rem}.date-group{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:.5rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--transition)}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{width:90%;max-width:500px;transform:scale(.95) translateY(10px);transition:var(--transition)}.modal-overlay.active .modal-content{transform:scale(1) translateY(0)}.modal-content.large{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-close{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-muted);font-size:1.3rem;cursor:pointer;transition:var(--transition);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--error);background:var(--error-dim);border-color:#ef44444d}#toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;display:flex;flex-direction:column;gap:.75rem}.toast{padding:1rem 1.5rem;border-radius:var(--radius-md);background:var(--bg-card-solid);border:1px solid var(--border-color);border-left:4px solid var(--primary-gold);box-shadow:var(--shadow-lg);color:var(--text-main);animation:slideIn .3s ease-out forwards;max-width:380px;font-size:.9rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast.success{border-left-color:var(--success);background:linear-gradient(90deg,rgba(16,185,129,.08),var(--bg-card-solid) 30%)}.toast.error{border-left-color:var(--error);background:linear-gradient(90deg,rgba(239,68,68,.08),var(--bg-card-solid) 30%)}.toast.fade-out{animation:fadeOut .3s ease-in forwards}.flatpickr-calendar{background:var(--bg-card-solid)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;color:var(--text-main)!important}.flatpickr-day{color:var(--text-main)!important;border-radius:var(--radius-sm)!important}.flatpickr-day:hover{background:var(--primary-gold-dim)!important;border-color:transparent!important}.flatpickr-day.selected{background:var(--primary-gold)!important;border-color:var(--primary-gold)!important;color:#0b0f19!important}.flatpickr-day.today{border-color:var(--primary-gold)!important}.flatpickr-months .flatpickr-month,.flatpickr-current-month .flatpickr-monthDropdown-months{background:transparent!important;color:var(--text-main)!important}.flatpickr-current-month input.cur-year{color:var(--text-main)!important}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{color:var(--text-muted)!important;fill:var(--text-muted)!important}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:var(--primary-gold)!important}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{fill:var(--text-muted)!important}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:var(--primary-gold)!important}span.flatpickr-weekday{color:var(--text-muted)!important;font-size:.75rem!important}.flatpickr-day.flatpickr-disabled{color:#8896ab4d!important}.flatpickr-innerContainer{border-bottom:none!important}.flatpickr-input.flatpickr-mobile,input.flatpickr-input[readonly]{background:var(--bg-input)!important;color:var(--text-main)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-gold{0%,to{box-shadow:0 0 #d4a85333}50%{box-shadow:0 0 0 8px #d4a85300}}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,rgba(255,255,255,.05) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@media(max-width:768px){.container{padding:0 1rem}h1{font-size:1.5rem}.glass-panel{padding:1.5rem}.cert-table thead th,.cert-table tbody td{padding:.75rem .8rem;font-size:.8rem}.nav-links{gap:.25rem}.nav-link{padding:.4rem .6rem;font-size:.8rem}}@media(max-width:480px){.auth-card{padding:1.5rem}.btn{padding:.6rem 1rem;font-size:.85rem}}