@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#262626;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#edf0f3;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#edf0f3;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%;display:block}.loading-screen{background:radial-gradient(circle at top,#69696924,#0000 45%),linear-gradient(#eef0f3 0%,#e1e4e8 100%);place-items:center;min-height:100vh;display:grid}.loading-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #69696924;border-radius:24px;justify-items:center;gap:1rem;padding:2rem 2.4rem;display:grid;box-shadow:0 24px 60px #1414141f}.spinner{border:4px solid #6969692e;border-top-color:#696969;border-radius:50%;width:42px;height:42px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{background:radial-gradient(circle at 0 0,#69696929,#0000 42%),linear-gradient(#f5f6f7 0%,#edf0f3 100%);grid-template-columns:290px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.sidebar{color:#f2f2f2;background:linear-gradient(#1f1f1ff2 0%,#161616fa 100%);flex-direction:column;gap:1.4rem;padding:1.4rem;display:flex}.brand-block{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:.9rem;padding:.9rem;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#8b8b8b,#4f4f4f);border-radius:16px;place-items:center;width:52px;height:52px;font-size:1.35rem;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff2e}.brand-mark-image,.topbar-logo,.brand-logo{object-fit:contain;background:#fff}.brand-mark-image{padding:.25rem}.brand-company{color:#f6830f;margin-top:.15rem;font-size:.88rem;font-weight:700;display:inline-flex}.brand-block strong{font-size:1.05rem}.brand-block p,.sidebar-card p,.sidebar-footer p,.topbar p,.panel-header p,.stat-card p,.empty-state p,.auth-description,.field-hint,.upload-box small,.modal-header p{color:#a6a6a6}.sidebar-section{gap:.7rem;display:grid}.sidebar-label{letter-spacing:.12em;text-transform:uppercase;color:#b8b8b8;font-size:.75rem}.sidebar-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;gap:.8rem;padding:1rem;display:grid}.sidebar-card>div{flex-direction:column;gap:.2rem;display:flex}.sidebar-kpi{color:#fff;font-size:1.65rem;font-weight:800}.nav-list{gap:.45rem;display:grid}.nav-item{color:#ededed;text-align:left;background:#ffffff0a;border:1px solid #0000;border-radius:14px;padding:.9rem 1rem;transition:all .18s}.nav-item:hover,.nav-item.active{background:#69696947;border-color:#ffffff14}.sidebar-footer{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;gap:1rem;margin-top:auto;padding:1rem;display:grid}.main-area{flex-direction:column;gap:.75rem;min-width:0;height:100vh;padding:1rem 1.4rem;display:flex;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border:1px solid #6969691f;border-radius:18px;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex;box-shadow:0 8px 24px #1818180d}.topbar-brand{align-items:center;gap:.7rem;display:flex}.topbar-logo{background:#fff;border:1px solid #f6830f2e;border-radius:10px;width:36px;height:36px;padding:.15rem;box-shadow:0 4px 12px #f6830f0f}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#5b3b10;background:#f6830f24;border-radius:999px;padding:.2rem .55rem;font-size:.68rem;display:inline-flex}.topbar h2{margin:.15rem 0 0;font-size:1.05rem}.topbar p{display:none}.topbar-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.stats-grid{flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.stat-card,.panel,.modal-card,.auth-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #6969691f;box-shadow:0 18px 45px #18181814}.stat-card{border-radius:22px;gap:.3rem;padding:1.15rem;display:grid}.stat-card span{color:#6e6e6e;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.stat-card strong{color:#262626;font-size:2rem;font-weight:800}.panel{border-radius:22px;flex-direction:column;flex:1;min-height:0;padding:1rem 1.2rem;display:flex;overflow-y:auto}.panel-header{flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.search-input{min-width:280px}.table-wrap{border:1px solid #6969691f;border-radius:22px;flex:1;min-height:0;overflow:auto}table{border-collapse:collapse;background:#ffffffb8;width:100%;min-width:100%}thead th{text-align:left;text-transform:uppercase;letter-spacing:.09em;color:#676767;z-index:1;background:#6969690d;border-bottom:1px solid #6969691f;padding:.9rem 1rem;font-size:.77rem;position:sticky;top:0}tbody td{vertical-align:middle;border-bottom:1px solid #69696914;padding:.95rem 1rem}tbody tr:hover{background:#69696909}.username-pill{color:#383838;background:#69696914;border:1px solid #6969691f;border-radius:999px;padding:.35rem .65rem;font-size:.9rem;display:inline-flex}.row-actions{flex-wrap:wrap;gap:.5rem;display:flex}.empty-state{text-align:center;padding:2rem 1rem}.auth-screen{background:radial-gradient(circle at top,#69696929,#0000 42%),linear-gradient(#f5f6f7 0%,#edf0f3 100%);place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{border-radius:30px;width:min(100%,470px);padding:2rem}.brand-login{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.brand-logo{border:1px solid #f6830f29;border-radius:18px;width:72px;height:72px;padding:.25rem;box-shadow:0 14px 30px #f6830f14}.auth-badge{letter-spacing:.13em;text-transform:uppercase;color:#5b3b10;background:#f6830f24;border-radius:999px;padding:.34rem .72rem;font-size:.74rem;display:inline-flex}.auth-card h1{color:#262626;margin:.6rem 0 .25rem;font-size:2rem}.company-name{color:#696969;margin:0 0 1rem;font-size:1rem;font-weight:800}.auth-description{margin-bottom:1.4rem}.auth-form,.form-grid,.bulk-form{gap:1rem;display:grid}.auth-form label,.form-grid label{color:#353535;gap:.45rem;font-size:.92rem;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-field{align-items:center;gap:.7rem;display:flex}.inline-field input{flex:1}.toggle-field{background:#6969690d;border:1px solid #69696914;border-radius:16px;align-self:end;align-items:center;gap:.6rem;padding:.85rem 1rem;display:flex!important}.toggle-field input{width:18px;height:18px}.field-hint{font-size:.8rem}.upload-box{background:#6969690d;border:1px dashed #69696942;border-radius:18px;gap:.4rem;padding:1rem;display:grid}.template-list{gap:.75rem;display:grid}.template-list>div{flex-wrap:wrap;gap:.5rem;display:flex}.bulk-result{gap:1rem;margin-top:1rem;display:grid}.bulk-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.bulk-summary>div,.error-card{background:#6969690d;border:1px solid #69696914;border-radius:18px;padding:1rem}.bulk-summary strong{color:#262626;font-size:1.4rem;display:block}.bulk-summary span{color:#7a7a7a}.error-list{gap:.75rem;display:grid}.error-card small{color:#646464}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1212128f;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{border-radius:28px;width:min(100%,860px);padding:1.25rem}.modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.modal-header h3{color:#262626;margin:0;font-size:1.35rem}.modal-body{gap:1rem;display:grid}.modal-footer{border-top:1px solid #6969691f;justify-content:flex-end;gap:.75rem;margin-top:1.15rem;padding-top:1rem;display:flex}.icon-button{color:#333;background:#69696914;border-radius:12px;width:38px;height:38px}.btn{border:0;border-radius:14px;justify-content:center;align-items:center;gap:.4rem;padding:.82rem 1rem;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.7;cursor:progress;transform:none}.btn-primary{color:#fff;background:linear-gradient(135deg,#8a8a8a 0%,#696969 100%);box-shadow:0 10px 28px #69696947}.btn-primary:hover{background:linear-gradient(135deg,#f6830f 0%,#d76f0b 100%)}.btn-secondary{color:#303030;background:#69696914;border:1px solid #6969691f}.btn-secondary:hover{background:#f6830f1f;border-color:#f6830f38}.btn-ghost{color:#454545;background:0 0;border:1px solid #6969692e}.btn-ghost:hover{background:#f6830f14;border-color:#f6830f3d}.btn-danger{color:#fff;background:linear-gradient(135deg,#c86b34 0%,#a94f12 100%)}.btn-danger:hover{background:linear-gradient(135deg,#f6830f 0%,#d76f0b 100%)}.btn-sm{border-radius:12px;padding:.52rem .8rem;font-size:.84rem}.btn-block{color:#fff;width:100%}input,select{color:#222;background:#ffffffdb;border:1px solid #6969692e;border-radius:14px;width:100%;padding:.88rem 1rem;transition:border-color .18s,box-shadow .18s,background .18s}input:focus,select:focus{border-color:#69696980;outline:none;box-shadow:0 0 0 4px #6969691f}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.badge{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.badge-neutral{color:#454545;background:#69696914;border-color:#6969691a}.badge-accent,.badge-admin{color:#fff;background:linear-gradient(135deg,#f6830f 0%,#d76f0b 100%)}.badge-info,.badge-professor{color:#fff;background:linear-gradient(135deg,#8a8a8a 0%,#696969 100%)}.badge-student{color:#2f2f2f;background:linear-gradient(135deg,#f0f0f0 0%,#d9d9d9 100%);border-color:#69696924}.badge-success{color:#fff;background:#f6830f}.badge-danger{color:#fff;background:#696969}.form-alert{border:1px solid #0000;border-radius:16px;padding:.95rem 1rem}.form-alert-success{color:#264d33;background:#78916b29;border-color:#78916b47}.form-alert-warning{color:#5d4a18;background:#d1a74529;border-color:#d1a74547}.form-alert-error{color:#7a2d2d;background:#ba6f6f24;border-color:#ba6f6f3d}.form-alert-neutral{color:#353535;background:#69696914;border-color:#6969691f}@media (width<=1180px){.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:auto}.sidebar{border-bottom:1px solid #ffffff14}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.main-area{height:auto;overflow:visible}}@media (width<=760px){.main-area,.sidebar{padding:1rem}.topbar,.panel-header,.modal-footer,.topbar-actions,.filters,.row-actions{flex-direction:column;align-items:stretch}.bulk-summary,.stats-grid{grid-template-columns:1fr}.search-input{min-width:0}.inline-field{flex-direction:column}.brand-login,.topbar-brand{align-items:flex-start}}.admin-toast{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;max-width:400px;padding:1rem 1.5rem;font-weight:500;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 40px -10px #00000026}.admin-toast-close{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;margin-left:.5rem;padding:0;font-size:1.25rem;line-height:1;transition:opacity .2s;display:flex}.admin-toast-close:hover{opacity:1}.admin-toast-success{color:#264d33;background:#dcf5d7d9;border-color:#78916b66}.admin-toast-info{color:#1c4587;background:#d7e6fad9;border-color:#6b89d166}.admin-toast-warning{color:#5d4a18;background:#faebc3d9;border-color:#d1a74566}.admin-toast-error{color:#7a2d2d;background:#fad7d7d9;border-color:#ba6f6f66}.admin-toast-neutral{color:#353535;background:#ebebebd9;border-color:#69696966}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.preview-table-container{border:1px solid var(--border);border-radius:var(--radius);max-height:300px;margin-top:1rem;overflow-y:auto}.builder-panel{overflow-y:auto}.builder-grid{flex-wrap:wrap;align-items:flex-start;gap:2rem;display:flex}.builder-canvas-col{flex-direction:column;flex:420px;gap:1rem;min-width:0;display:flex}.builder-canvas-col label{color:#353535;gap:.4rem;font-size:.92rem;display:grid}.size-row{grid-template-columns:1fr 1fr auto;align-items:end;gap:.75rem;display:grid}.size-row label{color:#353535;gap:.4rem;font-size:.92rem;display:grid}.size-row select{min-width:140px}.builder-config-col{background:#ffffffd1;border:1px solid #6969691f;border-radius:18px;flex:0 0 300px;padding:1.2rem;position:sticky;top:1rem;box-shadow:0 12px 30px #1818180f}.builder-config-col h4{color:#262626;margin:0 0 1rem;font-size:1.1rem}.canvas-wrapper{background:#6969690a;border:1px solid #6969691a;border-radius:18px;justify-content:center;padding:1.5rem;display:flex}.canvas-card{background-color:#f0f0f0;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:1px solid #00000014;border-radius:12px;transition:width .3s,height .3s;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000024}.canvas-placeholder{color:#999;text-align:center;pointer-events:none;font-size:.95rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-field{-webkit-user-select:none;user-select:none;z-index:1;border:2px dashed #0000;padding:0;font-weight:700;transition:border-color .15s;position:absolute;transform:translateY(-50%)}.canvas-field:hover{border-color:#f6830f66}.canvas-field.dragging{z-index:10;border-color:#f6830f}.canvas-field-text{text-overflow:ellipsis;white-space:nowrap;cursor:grab;padding:3px 4px;display:block;overflow:hidden}.canvas-field-text:active{cursor:grabbing}.canvas-field-bound{background:#f6830f40;border-radius:1px;width:100%;height:2px;display:block}.canvas-field:hover .canvas-field-bound{background:#f6830f80}.resize-handle{opacity:0;z-index:20;background:#f6830f;border-radius:2px;transition:opacity .15s;position:absolute}.canvas-field:hover .resize-handle,.canvas-field.dragging .resize-handle{opacity:1}.resize-handle-r{cursor:ew-resize;border-radius:0 3px 3px 0;width:6px;height:100%;top:0;right:-4px}.resize-handle-br{cursor:nwse-resize;border-radius:2px;width:10px;height:10px;bottom:-4px;right:-4px}.config-field-block{border-bottom:1px solid #69696914;margin-bottom:1.25rem;padding-bottom:1.25rem}.config-field-block:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.config-field-header{justify-content:space-between;align-items:center;display:flex}.config-field-header strong{color:#444;font-size:.9rem}.config-field-controls{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.6rem;display:grid}.config-field-controls label{flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.config-field-controls small{color:#888;font-size:.75rem}.config-field-controls input[type=number]{padding:.5rem .6rem;font-size:.88rem}.color-input{cursor:pointer;background:#fff!important;border:1px solid #6969692e!important;border-radius:10px!important;width:100%!important;height:36px!important;padding:2px!important}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;margin-top:1rem;display:grid}.template-card{text-align:center;border-radius:22px;flex-direction:column;align-items:center;transition:transform .18s,box-shadow .18s;display:flex;padding:1.5rem 1rem!important}.template-card:hover{transform:translateY(-3px);box-shadow:0 20px 50px #1818181a}.template-thumb{background-color:#e8e8e8;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:10px;margin-bottom:1.2rem;box-shadow:0 6px 16px #00000014}.template-card strong{color:#333;font-size:1.05rem}.template-actions{justify-content:center;gap:.5rem;width:100%;margin-top:1rem;display:flex}.generation-panel{overflow-y:auto}.gen-section{border-top:1px solid #6969691a;margin-top:1.5rem;padding-top:1.5rem}.gen-section:first-of-type{border-top:none;margin-top:1rem;padding-top:0}.gen-label{color:#262626;margin-bottom:.75rem;font-size:.95rem;font-weight:700;display:block}.gen-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.gen-actions{flex-wrap:wrap;gap:.5rem;display:flex}.template-selector{flex-wrap:wrap;gap:.75rem;display:flex}.template-option{cursor:pointer;color:#444;background:#ffffffb3;border:2px solid #6969691f;border-radius:14px;flex-direction:column;align-items:center;gap:.5rem;min-width:100px;padding:.75rem;font-size:.85rem;font-weight:600;transition:all .18s;display:flex}.template-option:hover{background:#f6830f0a;border-color:#f6830f4d}.template-option.active{background:#f6830f14;border-color:#f6830f;box-shadow:0 4px 16px #f6830f26}.template-option-thumb{background-color:#e8e8e8;background-repeat:no-repeat;background-size:100% 100%;border-radius:8px;width:70px;min-height:50px;box-shadow:0 2px 8px #0000000f}.input-mode-tabs{border:1px solid #69696926;border-radius:12px;gap:0;width:fit-content;margin-bottom:1rem;display:flex;overflow:hidden}.tab-btn{color:#555;cursor:pointer;background:#fff9;border:none;padding:.55rem 1.2rem;font-size:.88rem;font-weight:600;transition:all .15s}.tab-btn:not(:last-child){border-right:1px solid #6969691f}.tab-btn:hover{background:#f6830f0f}.tab-btn.active{color:#fff;background:#f6830f}.manual-form{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.manual-form input{flex:160px}.excel-import .upload-box{text-align:center;background:#69696908;border:2px dashed #69696933;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;display:flex}.excel-import .upload-box small{color:#888}.portal-search{flex-direction:column;gap:.75rem;display:flex}.portal-filters{flex-wrap:wrap;align-items:flex-end;gap:.65rem;display:flex}.portal-filters select{min-width:160px}.portal-results{flex-direction:column;gap:.5rem;display:flex}.portal-results-header{justify-content:space-between;align-items:center;display:flex}.portal-results-header small{color:#888;font-weight:600}.portal-results-list{border:1px solid #6969691a;border-radius:12px;max-height:300px;overflow-y:auto}.portal-result-row{border-bottom:1px solid #6969690f;justify-content:space-between;align-items:center;padding:.5rem .75rem;transition:background .12s;display:flex}.portal-result-row:last-child{border-bottom:none}.portal-result-row:hover{background:#f6830f08}.portal-result-info{flex-direction:column;gap:.1rem;display:flex}.portal-result-info strong{color:#333;font-size:.88rem}.portal-result-info small{color:#888;font-size:.78rem}.export-progress{background:#6969691a;border-radius:99px;height:6px;margin-bottom:1rem;overflow:hidden}.export-progress-bar{background:linear-gradient(90deg,#f6830f,#e06b00);border-radius:99px;height:100%;transition:width .3s}.people-table-wrapper{border:1px solid #6969691f;border-radius:14px;max-height:420px;overflow-y:auto}.people-table{border-collapse:collapse;width:100%;font-size:.88rem}.people-table thead{z-index:2;position:sticky;top:0}.people-table th{text-align:left;color:#444;text-transform:uppercase;letter-spacing:.03em;background:#6969690f;border-bottom:1px solid #6969691f;padding:.65rem .75rem;font-size:.82rem;font-weight:700}.people-table td{color:#333;vertical-align:middle;border-bottom:1px solid #6969690f;padding:.55rem .75rem}.people-table tbody tr{transition:background .12s}.people-table tbody tr:hover{background:#f6830f08}.people-table tbody tr.row-selected{background:#f6830f0a}.people-table tbody tr.row-error{background:#c0392b0d}.people-table tbody tr.row-error td{opacity:.5;text-decoration:line-through}.people-table code{background:#6969690f;border-radius:4px;padding:.15rem .4rem;font-family:SF Mono,Consolas,monospace;font-size:.82rem}.people-table input[type=checkbox]{accent-color:#f6830f;cursor:pointer;width:16px;height:16px}.row-actions-cell{text-align:center;white-space:nowrap}.btn-icon{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;padding:.25rem .4rem;font-size:.9rem;transition:background .12s}.btn-icon:hover{color:#333;background:#6969691a}.btn-icon-danger{color:#c0392b!important}.export-render-area{opacity:1;pointer-events:none;position:absolute;top:0;left:-9999px}.rendered-card{background-color:#f0f0f0;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;position:relative;overflow:hidden}.rendered-field{white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-weight:700;position:absolute;overflow:hidden;transform:translateY(-50%)}.preview-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.preview-modal{background:#fff;border-radius:20px;flex-direction:column;max-width:90vw;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;overflow:hidden;box-shadow:0 30px 80px #00000040}.preview-modal-header{border-bottom:1px solid #6969691a;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.preview-modal-header h4{color:#262626;margin:0;font-size:1.05rem}.preview-modal-body{background:#6969690a;justify-content:center;align-items:center;min-height:200px;padding:2rem;display:flex;overflow:auto}.preview-modal-body .rendered-card{border-radius:12px;box-shadow:0 16px 50px #00000026}.preview-modal-footer{border-top:1px solid #6969691a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex}.preview-info{color:#555;gap:1.5rem;font-size:.85rem;display:flex}.preview-nav{gap:.5rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.qr-controls label{color:#333;font-size:.9rem}.qr-controls input[type=text],.qr-controls input[type=number]{background-color:#f9f9f9;transition:border-color .2s,box-shadow .2s}.qr-controls input[type=text]:focus,.qr-controls input[type=number]:focus{background-color:#fff;border-color:#f6830f;outline:none;box-shadow:0 0 0 3px #f6830f1a}.qr-controls input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qr-controls input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}