:root{--primary:#6d28d9;--primary-dark:#4c1d95;--primary-soft:#f3e8ff;--accent:#eab308;--bg:#f4f4f5;--surface:#fff;--surface-soft:#fafafa;--text:#3f3f46;--text-strong:#18181b;--text-muted:#71717a;--border:#e4e4e7;--font-family:"Prompt", "Sarabun", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-family);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);font-family:var(--font-family);margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img,picture,svg,video{max-width:100%}#root{min-height:100vh}.site-shell{background:var(--surface);flex-direction:column;width:min(100%,1440px);min-height:100vh;margin:0 auto;display:flex;overflow:clip;box-shadow:0 12px 40px #18181b14}.site-main{flex:1;width:100%}.page-enter{animation:.5s cubic-bezier(.16,1,.3,1) both page-fade-up}.site-footer{color:#f4f4f5;background:#27272a;margin-top:48px;padding:44px 28px 22px}.site-footer__grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;width:min(100%,1180px);margin:0 auto;display:grid}.site-footer h3{color:#fff;margin:0 0 14px;font-size:1.05rem}.site-footer p{margin:0}.site-footer__address{color:#d4d4d8;white-space:pre-line;line-height:1.8}.site-footer__contact{color:#d4d4d8;gap:6px;margin-top:16px;display:grid}.site-footer__muted{color:#a1a1aa}.site-footer__socials{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.site-footer__socials a{color:#fff;border:1px solid #52525b;border-radius:10px;padding:9px 14px;text-decoration:none;transition:all .2s}.site-footer__socials a:hover{background:#3f3f46;border-color:#71717a}.site-footer__bottom{color:#a1a1aa;border-top:1px solid #3f3f46;justify-content:space-between;gap:20px;width:min(100%,1180px);margin:32px auto 0;padding-top:18px;font-size:.82rem;display:flex}.not-found-page{background:var(--surface-soft);place-items:center;min-height:60vh;padding:48px 20px;display:grid}.not-found-card{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:24px;width:min(100%,560px);padding:44px 30px;box-shadow:0 12px 30px #18181b14}.not-found-code{color:var(--primary);margin:0;font-size:clamp(3.5rem,12vw,6.5rem);font-weight:800;line-height:1}.not-found-card h1{color:var(--text-strong);margin:18px 0 10px}.not-found-card>p:not(.not-found-code){color:var(--text-muted);margin:0 auto 26px;line-height:1.8}.not-found-button{background:var(--primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.admin-shell{color:#27272a;background:#f4f4f5;min-height:100vh;display:flex}.admin-sidebar{color:#fff;background:#27272a;flex-direction:column;flex:0 0 260px;width:260px;height:100vh;display:flex;position:sticky;top:0}.admin-sidebar__brand{border-bottom:1px solid #3f3f46;gap:4px;padding:24px 20px;display:grid}.admin-sidebar__brand strong{color:#facc15;font-size:1.05rem}.admin-sidebar__brand span{color:#a1a1aa;font-size:.78rem}.admin-sidebar__nav{flex:1;padding:14px 10px;overflow-y:auto}.admin-sidebar__menu{color:#d4d4d8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;margin:2px 0;padding:12px 14px}.admin-sidebar__menu:hover{color:#fff;background:#3f3f46}.admin-sidebar__menu.is-active{color:#fff;background:#6d28d9}.admin-sidebar__footer{border-top:1px solid #3f3f46;gap:9px;padding:14px;display:grid}.admin-sidebar__footer button{cursor:pointer;border-radius:10px;min-height:42px}.admin-sidebar__home{color:#fff;background:#3f3f46;border:1px solid #52525b}.admin-sidebar__logout{color:#f87171;background:0 0;border:1px solid #ef4444}.admin-content{flex:1;min-width:0;padding:28px;overflow-x:hidden}.admin-auth-loading{color:#52525b;background:#f4f4f5;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.admin-auth-loading__spinner{border:3px solid #d4d4d8;border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.admin-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-modal{text-align:center;background:#fff;border-radius:18px;width:min(100%,420px);padding:28px;box-shadow:0 20px 50px #0003}.admin-modal h2{color:#18181b;margin:0 0 10px}.admin-modal p{color:#71717a;margin:0}.admin-modal__actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.admin-modal__actions button{color:#27272a;cursor:pointer;background:#e4e4e7;border:0;border-radius:10px;min-height:44px}.admin-modal__actions .danger{color:#fff;background:#ef4444}@keyframes page-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=800px){.site-shell{box-shadow:none}.site-footer__grid{grid-template-columns:1fr;gap:28px}.site-footer__bottom{flex-direction:column;gap:6px}.admin-shell{display:block}.admin-sidebar{width:100%;height:auto;min-height:auto;position:relative}.admin-sidebar__nav{gap:8px;display:flex;overflow-x:auto}.admin-sidebar__menu{width:auto;min-width:max-content}.admin-sidebar__footer{grid-template-columns:1fr 1fr}.admin-content{padding:18px 12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ndps-header{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border-bottom:1px solid #e4e4e7;width:100%;position:sticky;top:0;box-shadow:0 3px 18px #18181b0d}.ndps-brandbar{justify-content:space-between;align-items:center;gap:20px;width:min(100%,1180px);min-height:84px;margin:0 auto;padding:10px 20px;display:flex}.ndps-brand{min-width:0;color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.ndps-brand-logo{color:#6d28d9;background:linear-gradient(135deg,#f3e8ff,#fafafa);border-radius:16px;flex:0 0 62px;place-items:center;width:62px;height:62px;font-size:13px;font-weight:800;display:grid;overflow:hidden;box-shadow:0 5px 14px #6d28d91a}.ndps-brand-logo img{object-fit:contain;width:100%;height:100%;padding:4px;display:block}.ndps-brand-text{gap:2px;min-width:0;display:grid}.ndps-brand-text strong{color:#27272a;text-overflow:ellipsis;font-size:clamp(1rem,2.3vw,1.3rem);font-weight:700;line-height:1.35;overflow:hidden}.ndps-brand-text span{color:#71717a;font-size:.78rem;font-weight:400}.ndps-desktop-nav{background:#fff;border-top:1px solid #f4f4f5;width:100%}.ndps-nav-inner{justify-content:center;align-items:stretch;gap:4px;width:min(100%,1180px);min-height:52px;margin:0 auto;padding:0 20px;display:flex}.ndps-nav-item{align-items:stretch;display:flex;position:relative}.ndps-nav-link{color:#52525b;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;min-height:52px;padding:0 15px;font-size:.92rem;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s;display:flex;position:relative}.ndps-nav-link:after{content:"";transform-origin:50%;background:#6d28d9;border-radius:3px 3px 0 0;height:3px;transition:transform .2s;position:absolute;bottom:0;left:14px;right:14px;transform:scaleX(0)}.ndps-nav-link:hover,.ndps-nav-link:focus-visible,.ndps-nav-link.is-active{color:#6d28d9;background:#faf5ff}.ndps-nav-link:hover:after,.ndps-nav-link:focus-visible:after,.ndps-nav-link.is-active:after{transform:scaleX(1)}.ndps-nav-arrow{font-size:.72rem;transition:transform .2s}.ndps-nav-item:hover .ndps-nav-arrow,.ndps-nav-item:focus-within .ndps-nav-arrow{transform:rotate(180deg)}.ndps-dropdown{z-index:1200;visibility:hidden;opacity:0;background:#fff;border:1px solid #e4e4e7;border-radius:14px;width:max-content;min-width:230px;max-width:330px;padding:8px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 18px 42px #18181b21}.ndps-nav-item:hover .ndps-dropdown,.ndps-nav-item:focus-within .ndps-dropdown{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.ndps-dropdown-link{color:#52525b;border-radius:9px;align-items:flex-start;gap:9px;width:100%;padding:10px 12px;font-size:.86rem;line-height:1.55;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.ndps-dropdown-link:hover,.ndps-dropdown-link:focus-visible,.ndps-dropdown-link.is-active{color:#6d28d9;background:#f5f3ff}.ndps-dropdown-arrow{color:#a855f7;font-size:1rem}.ndps-mobile-toggle{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:12px;flex-direction:column;flex:0 0 44px;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:none}.ndps-mobile-toggle span{background:#52525b;border-radius:999px;width:20px;height:2px;transition:transform .2s,opacity .2s}.ndps-mobile-toggle.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.ndps-mobile-toggle.is-open span:nth-child(2){opacity:0}.ndps-mobile-toggle.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.ndps-mobile-panel{display:none}.ndps-mobile-nav{background:#fff;border-top:1px solid #e4e4e7;width:100%;padding:10px 14px 16px}.ndps-mobile-menu-group{border-bottom:1px solid #f4f4f5}.ndps-mobile-menu-row{align-items:stretch;display:flex}.ndps-mobile-link{color:#3f3f46;flex:1;align-items:center;min-width:0;padding:13px 10px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.ndps-mobile-link.is-active{color:#6d28d9;font-weight:700}.ndps-mobile-submenu-toggle{color:#71717a;cursor:pointer;background:0 0;border:0;width:48px}.ndps-mobile-submenu-toggle span{transition:transform .2s;display:inline-block}.ndps-mobile-submenu-toggle span.is-open{transform:rotate(180deg)}.ndps-mobile-submenu{padding:0 0 10px 14px;display:none}.ndps-mobile-submenu.is-open{display:grid}.ndps-mobile-sublink{color:#71717a;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:.88rem;text-decoration:none;display:flex}.ndps-mobile-sublink:hover,.ndps-mobile-sublink.is-active{color:#6d28d9;background:#faf5ff}.ndps-footer{color:#d4d4d8;background:linear-gradient(135deg,#27272a 0%,#18181b 100%);margin-top:56px}.ndps-footer-main{grid-template-columns:1.6fr 1fr .8fr 1fr;gap:36px;width:min(100%,1180px);margin:0 auto;padding:48px 20px 36px;display:grid}.ndps-footer h2,.ndps-footer h3{color:#fff;margin-top:0}.ndps-footer h2{margin-bottom:2px;font-size:1.05rem}.ndps-footer h3{margin-bottom:14px;font-size:.95rem}.ndps-footer-brand{align-items:center;gap:12px;display:flex}.ndps-footer-logo{object-fit:contain;flex:0 0 54px;width:54px;height:54px}.ndps-footer-school-en{color:#a1a1aa;margin:0;font-size:.75rem}.ndps-footer-address{color:#a1a1aa;white-space:pre-line;margin:18px 0 0;font-size:.84rem;line-height:1.8}.ndps-footer-list{gap:9px;display:grid}.ndps-footer-list a,.ndps-footer-list span{color:#a1a1aa;font-size:.84rem;line-height:1.65;text-decoration:none}.ndps-footer-list a:hover{color:#facc15}.ndps-footer-socials{flex-wrap:wrap;gap:8px;display:flex}.ndps-footer-socials a{color:#e4e4e7;border:1px solid #52525b;border-radius:9px;padding:8px 11px;font-size:.8rem;text-decoration:none;transition:border-color .2s,background-color .2s}.ndps-footer-socials a:hover{background:#3f3f46;border-color:#a855f7}.ndps-footer-muted{color:#71717a;font-size:.82rem}.ndps-footer-bottom{color:#71717a;border-top:1px solid #3f3f46;justify-content:space-between;gap:20px;width:min(100%,1180px);margin:0 auto;padding:18px 20px 22px;font-size:.76rem;display:flex}@media (width<=900px){.ndps-desktop-nav{display:none}.ndps-mobile-toggle{display:flex}.ndps-mobile-panel.is-open{display:block}.ndps-brandbar{min-height:74px}.ndps-brand-logo{border-radius:14px;flex-basis:54px;width:54px;height:54px}.ndps-footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=580px){.ndps-brandbar{padding:9px 14px}.ndps-brand{gap:10px}.ndps-brand-logo{border-radius:12px;flex-basis:48px;width:48px;height:48px}.ndps-brand-text strong{font-size:.94rem}.ndps-brand-text span{font-size:.68rem}.ndps-footer-main{grid-template-columns:1fr;gap:28px;padding-top:38px}.ndps-footer-bottom{flex-direction:column;gap:5px}}.login-container{background-color:#f9fafb;justify-content:center;align-items:center;min-height:calc(100vh - 90px);padding:2rem;display:flex}.login-card{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:400px;padding:2.5rem 2rem;box-shadow:0 10px 25px #0000000d}.login-card h2{color:#1f2937;margin-top:0;margin-bottom:.5rem}.login-card p{color:#6b7280;margin-bottom:2rem;font-size:.9rem}.login-form{flex-direction:column;gap:1.2rem;display:flex}.input-group{text-align:left}.input-group label{color:#4b5563;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.input-group input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.input-group input:focus{border-color:#d946ef;outline:none;box-shadow:0 0 0 3px #d946ef1a}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6b21a8,#d946ef);border:none;border-radius:8px;margin-top:.5rem;padding:.8rem;font-size:1rem;font-weight:600;transition:all .3s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d946ef66}.error-message{color:#ef4444;background-color:#fee2e2;border-radius:8px;margin-bottom:1rem;padding:.75rem;font-size:.9rem}.pm-root{--pm-purple:#6d28d9;--pm-purple-2:#8b5cf6;--pm-yellow:#facc15;--pm-green:#10b981;--pm-red:#ef4444;--pm-text:#172033;--pm-muted:#6b7280;--pm-border:#e5e7eb;color:var(--pm-text);text-align:left;font-family:inherit}.pm-toolbar{background:linear-gradient(135deg,#fff 0%,#faf7ff 70%,#fffbe8 100%);border:1px solid #ece7f6;border-radius:18px;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;padding:20px;display:flex;box-shadow:0 8px 28px #4c1d9512}.pm-eyebrow{color:var(--pm-purple);letter-spacing:.08em;margin-bottom:4px;font-size:11px;font-weight:800}.pm-title,.pm-modal-header h3{color:#18181b;margin:0;font-size:24px;line-height:1.3}.pm-subtitle{color:var(--pm-muted);margin:5px 0 0;font-size:13px}.pm-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.pm-filter{background:#fff;border:1px solid #d8dbe2;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:4px 10px;display:flex}.pm-filter span{color:var(--pm-muted);font-size:12px;font-weight:700}.pm-filter select{max-width:190px;color:var(--pm-text);font:inherit;background:0 0;border:0;outline:none;font-size:13px}.pm-view-switch{background:#eceef2;border-radius:10px;gap:3px;padding:4px;display:flex}.pm-view-switch button{color:#667085;cursor:pointer;min-height:32px;font:inherit;background:0 0;border:0;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:700}.pm-view-switch button.is-active{color:var(--pm-purple);background:#fff;box-shadow:0 1px 4px #00000014}.pm-btn{cursor:pointer;min-height:40px;font:inherit;border:0;border-radius:10px;padding:9px 15px;font-size:13px;font-weight:800;transition:transform .15s,opacity .15s,box-shadow .15s}.pm-btn:hover:not(:disabled){transform:translateY(-1px)}.pm-btn:disabled{cursor:not-allowed;opacity:.6}.pm-btn-primary{background:linear-gradient(135deg, var(--pm-purple), var(--pm-purple-2));color:#fff;box-shadow:0 7px 16px #6d28d92e}.pm-btn-secondary{color:#fff;background:#374151}.pm-btn-light{color:#475569;background:#f8fafc;border:1px solid #d8dbe2}.pm-btn-danger{background:var(--pm-red);color:#fff}.pm-state-card{color:var(--pm-muted);text-align:center;background:#fff;border:1px dashed #d8dbe2;border-radius:16px;padding:52px 20px}.pm-table-wrap{border:1px solid var(--pm-border);background:#fff;border-radius:14px;overflow-x:auto;box-shadow:0 5px 18px #0f172a0a}.pm-table{border-collapse:collapse;width:100%;min-width:900px}.pm-table th{border-bottom:1px solid var(--pm-border);color:#475569;background:#f8fafc;padding:13px 15px;font-size:12px;font-weight:800}.pm-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 15px;font-size:13px}.pm-table tbody tr:last-child td{border-bottom:0}.pm-center{text-align:center}.pm-order-number{color:var(--pm-purple);font-weight:800}.pm-muted{color:var(--pm-muted);margin-top:4px;font-size:11px;display:block}.pm-chip,.pm-head-chip{border-radius:999px;align-items:center;width:fit-content;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.pm-chip{color:#5b21b6;background:#ede9fe}.pm-head-chip{color:#92400e;background:#fef3c7;margin-top:5px}.pm-row-actions,.pm-card-actions,.pm-dialog-actions{justify-content:center;align-items:center;gap:7px;display:flex}.pm-mini-btn{color:#475569;cursor:pointer;font:inherit;background:#fff;border:1px solid #d8dbe2;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:800}.pm-mini-edit{color:#b45309;background:#fffbeb;border-color:#fcd34d}.pm-mini-delete{color:#be123c;background:#fff1f2;border-color:#fecaca}.pm-mini-save{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.pm-groups{gap:28px;display:grid}.pm-group{border:1px solid var(--pm-border);background:#fff;border-radius:16px;padding:20px}.pm-group-heading{border-bottom:1px solid var(--pm-border);justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:18px;padding-bottom:12px;display:flex}.pm-group-heading h3{margin:0;font-size:18px}.pm-group-heading span,.pm-group-heading small{color:var(--pm-muted);font-size:11px}.pm-group-heading span{margin-top:3px;display:block}.pm-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.pm-person-card{background:#fff;border:1px solid #ebe7f2;border-radius:15px;transition:transform .18s,box-shadow .18s,opacity .18s;position:relative;overflow:hidden;box-shadow:0 6px 18px #0f172a0d}.pm-person-card:hover{transform:translateY(-2px);box-shadow:0 11px 24px #4c1d9517}.pm-person-card.is-dragging{border-style:dashed;border-color:var(--pm-purple-2);opacity:.45}.pm-card-order{z-index:2;color:#64748b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;position:absolute;top:9px;left:9px}.pm-photo{aspect-ratio:3/4;background:linear-gradient(145deg,#f1f5f9,#e2e8f0);width:100%;overflow:hidden}.pm-photo-compact{border-radius:8px;width:55px;height:72px}.pm-photo img{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block}.pm-card-content{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:15px 14px 12px;display:flex}.pm-card-content h4{color:#111827;margin:0 0 2px;font-size:16px}.pm-card-position{color:#1f2937;font-size:13px;font-weight:800}.pm-card-rank{color:var(--pm-purple);font-size:12px;font-weight:700}.pm-card-education,.pm-card-department{color:#64748b;font-size:11px;line-height:1.5}.pm-card-actions{padding:0 12px 13px}.pm-card-actions .pm-mini-btn{flex:1}.pm-modal-overlay,.pm-dialog-overlay{z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a94;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pm-modal{background:#fff;border-radius:20px;width:min(100%,600px);max-height:92vh;overflow:hidden;box-shadow:0 30px 80px #0f172a47}.pm-modal-wide{width:min(100%,820px)}.pm-modal-header{border-bottom:1px solid var(--pm-border);background:linear-gradient(135deg,#fff,#faf7ff);justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.pm-modal-header h3{font-size:19px}.pm-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:50%;width:38px;height:38px;font-size:25px;line-height:1}.pm-modal-body{max-height:calc(92vh - 80px);padding:22px;overflow-y:auto}.pm-person-form{gap:15px;display:grid}.pm-form-grid{gap:12px;display:grid}.pm-form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-form-grid-3{grid-template-columns:.9fr 1.5fr 1.5fr}.pm-field{gap:6px;display:grid}.pm-field>span{color:#475569;font-size:12px;font-weight:800}.pm-field input,.pm-field select,.pm-option-edit-input,.pm-add-option input{box-sizing:border-box;color:#1f2937;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #d8dbe2;border-radius:9px;outline:none;padding:8px 11px;font-size:13px}.pm-field input:focus,.pm-field select:focus,.pm-option-edit-input:focus,.pm-add-option input:focus{border-color:var(--pm-purple-2);box-shadow:0 0 0 3px #8b5cf61a}.pm-field input[type=range]{min-height:auto;box-shadow:none;accent-color:var(--pm-purple);border:0;padding:0}.pm-check-field{color:#475569;align-items:center;gap:9px;min-height:40px;margin-top:20px;font-size:12px;font-weight:800;display:flex}.pm-check-field input{width:17px;height:17px;accent-color:var(--pm-purple)}.pm-image-upload-box{background:linear-gradient(135deg,#faf7ff 0%,#fff 70%,#fffdf4 100%);border:1px dashed #c4b5fd;border-radius:14px;gap:13px;padding:15px;display:grid}.pm-image-upload-copy{align-items:center;gap:12px;display:flex}.pm-image-upload-icon{background:linear-gradient(135deg, var(--pm-purple), var(--pm-purple-2));color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid;box-shadow:0 7px 16px #6d28d92e}.pm-image-upload-copy strong{color:#312e81;font-size:13px;display:block}.pm-image-upload-copy p{color:var(--pm-muted);margin:3px 0 0;font-size:11px;line-height:1.6}.pm-image-upload-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pm-image-file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pm-image-upload-button{min-width:130px}.pm-image-file-note{color:#475569;word-break:break-word;background:#f8fafc;border-radius:9px;padding:9px 11px;font-size:11px}.pm-image-file-note span{color:#94a3b8}.pm-field-hint{color:#94a3b8;margin-top:2px;font-size:10px;line-height:1.55;display:block}.pm-image-editor{border:1px solid var(--pm-border);background:#f8fafc;border-radius:14px;grid-template-columns:180px 1fr;gap:18px;padding:15px;display:grid}.pm-image-preview{background:#e2e8f0;border-radius:12px;height:240px;overflow:hidden}.pm-image-preview img{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block}.pm-image-placeholder{color:#94a3b8;text-align:center;place-items:center;height:100%;padding:15px;font-size:12px;display:grid}.pm-image-controls{align-content:center;gap:14px;display:grid}.pm-modal-actions{justify-content:flex-end;gap:9px;padding-top:6px;display:flex}.pm-option-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.pm-option-tabs button{color:#475569;cursor:pointer;font:inherit;background:#f8fafc;border:1px solid #e5e7eb;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:800}.pm-option-tabs button.is-active{border-color:var(--pm-purple);background:var(--pm-purple);color:#fff}.pm-option-list{gap:7px;max-height:330px;margin:16px 0;display:grid;overflow-y:auto}.pm-option-row{background:#fff;border:1px solid #edf0f4;border-radius:10px;align-items:center;gap:8px;padding:9px;display:flex}.pm-option-row.is-dragging{border-style:dashed;border-color:var(--pm-purple-2);opacity:.5}.pm-drag-handle{color:#b4bdca;cursor:grab}.pm-option-name{flex:1;min-width:0}.pm-option-name strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.pm-option-name small{color:#94a3b8;font-size:10px}.pm-option-edit-input{flex:1}.pm-empty-options{color:#94a3b8;text-align:center;padding:25px}.pm-add-option{border-top:1px solid var(--pm-border);gap:9px;padding-top:14px;display:flex}.pm-add-option input{flex:1}.pm-dialog-card{text-align:center;background:#fff;border-radius:18px;width:min(100%,390px);padding:28px;box-shadow:0 30px 80px #0f172a47}.pm-dialog-card h3{color:#111827;margin:12px 0 7px;font-size:19px}.pm-dialog-card p{color:var(--pm-muted);margin:0 0 20px;font-size:13px;line-height:1.7}.pm-dialog-icon{border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto;font-size:24px;font-weight:900;display:grid}.pm-dialog-icon-success{color:#047857;background:#d1fae5}.pm-dialog-icon-danger{color:#b91c1c;background:#fee2e2}@media (width<=900px){.pm-toolbar{flex-direction:column;align-items:stretch}.pm-toolbar-actions{justify-content:flex-start}.pm-form-grid-3{grid-template-columns:1fr 1fr}.pm-form-grid-3>:first-child{grid-column:1/-1}}@media (width<=640px){.pm-toolbar{padding:15px}.pm-toolbar-actions,.pm-filter,.pm-view-switch{width:100%}.pm-filter select{flex:1;max-width:none}.pm-view-switch button,.pm-toolbar-actions>.pm-btn{flex:1}.pm-form-grid-2,.pm-form-grid-3,.pm-image-editor{grid-template-columns:1fr}.pm-form-grid-3>:first-child{grid-column:auto}.pm-image-preview{height:300px}.pm-image-upload-actions{flex-direction:column;align-items:stretch}.pm-image-upload-actions .pm-btn{width:100%}.pm-modal-overlay,.pm-dialog-overlay{padding:8px}.pm-modal-body{padding:15px}.pm-option-row{flex-wrap:wrap}.pm-option-name{flex-basis:calc(100% - 30px)}}