@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #2563eb;--color-primary-light: #63b3ed;--color-bg: #f6f8fa;--color-bg-card: #fff;--color-text: #2d3748;--color-accent: #3182ce;--color-error: #e53e3e;--color-error-bg: #fff5f5;--color-border: #e2e8f0;--radius: 12px;--shadow: 0 2px 16px rgba(0,0,0,.08);--transition: .2s cubic-bezier(.4,0,.2,1);--font-main: "Segoe UI", "Roboto", "Arial", sans-serif}html{box-sizing:border-box;font-size:16px;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-main);min-height:100vh}.page-container{padding:1.5rem;max-width:1200px;margin:0 auto}.page-title{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text);text-align:left}.page-description{font-size:1rem;color:#64748b;margin-top:0;margin-bottom:1.5rem;text-align:left;max-width:800px}#root{min-height:100vh;width:100vw;max-width:none;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0}.app-container{min-height:100vh;width:100vw;background:#fff;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:2rem 2.5rem 2.5rem;transition:box-shadow var(--transition)}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:600;margin-top:0!important;margin-bottom:.5em}form{display:flex;flex-direction:column;gap:1rem}input[type=text],input[type=email],input[type=password],select,textarea{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:6px;font-size:1rem;background:#f9fafb!important;transition:border var(--transition)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f9fafb inset!important;-webkit-text-fill-color:var(--color-text)!important;background-color:#f9fafb!important;background:#f9fafb!important}input:focus,select:focus,textarea:focus{border:1.5px solid var(--color-accent);outline:none;background:#fff!important}input:focus:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #ffffff inset!important;background:#fff!important}input,select,textarea{background:#f9fafb!important}input:focus,select:focus,textarea:focus{background:#fff!important}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,input:-webkit-autofill:active,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,select:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #f9fafb inset!important;-webkit-text-fill-color:var(--color-text)!important;background-color:#f9fafb!important;background:#f9fafb!important;transition:background-color 5000s ease-in-out 0s}input:focus:-webkit-autofill,select:focus:-webkit-autofill,textarea:focus:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;background-color:#fff!important;background:#fff!important}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay:focus-within{outline:none}.modal-overlay .modal-container{position:relative}.skip-to-content{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:#fff;padding:8px;text-decoration:none;z-index:9999;border-radius:4px}.skip-to-content:focus{top:6px}button{background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-primary-light) 100%);color:#fff;border:none;border-radius:6px;padding:.75rem 1rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background var(--transition),box-shadow var(--transition);box-shadow:0 1px 4px #3182ce14;display:inline-block!important;width:auto!important;max-width:fit-content!important;flex-shrink:0!important}main button:not(.w-full):not(.sidebar-item){width:auto!important;display:inline-block!important;flex-shrink:0!important}aside .sidebar-item{width:100%!important}.flex.min-h-screen{display:flex!important;flex-direction:row!important}aside{position:relative!important;flex-shrink:0!important;height:100vh!important;width:16rem!important}button:hover,button:focus{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%);box-shadow:0 2px 8px #3182ce1f}.card,.user-info{background:#f1f5f9;border-radius:8px;padding:1rem;margin-top:1.5rem;font-size:.95rem;color:var(--color-text)}.error{color:var(--color-error);background:var(--color-error-bg);border:1px solid #fed7d7;border-radius:6px;padding:.5rem 1rem;margin-top:.5rem}.switch-link{color:var(--color-accent);background:none;border:none;cursor:pointer;font-size:1rem;text-decoration:underline;margin-left:.5rem}.logo{height:5em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em var(--color-accent))}.app-header{width:100%;display:flex;justify-content:flex-end;align-items:center;min-height:56px;margin-bottom:1.5rem}.profile-menu-wrapper{position:relative;display:flex;align-items:center}.profile-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));color:#fff;font-weight:700;font-size:1.1rem;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px #3182ce1a;transition:box-shadow var(--transition)}.profile-avatar:hover,.profile-avatar:focus{box-shadow:0 2px 8px #3182ce2e}.profile-menu-dropdown{display:none;position:absolute;top:48px;right:0;min-width:220px;background:#fff;border-radius:10px;box-shadow:0 4px 24px #0000001a;padding:1rem .5rem .5rem;z-index:100;animation:fadeIn .2s}.profile-menu-dropdown.open{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-menu-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.7rem}.profile-avatar-lg{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));color:#fff;font-weight:700;font-size:1.3rem;display:flex;align-items:center;justify-content:center}.profile-name{font-weight:600;color:var(--color-text);font-size:1.05rem}.profile-email{color:#64748b;font-size:.95rem}.profile-logout-btn{width:100%;background:none;color:var(--color-error);border:none;padding:.8rem 1rem;font-size:1rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-top:.5rem;box-shadow:none}.profile-logout-btn:hover{background:#fff5f5;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}@media (max-width: 600px){.app-container{padding:1.2rem .5rem 2rem}#root{padding:1rem .2rem}h1{font-size:2rem}.app-header{min-height:44px;margin-bottom:1rem}.profile-menu-dropdown{right:-30px;min-width:170px}}@media (min-width: 601px) and (max-width: 900px){.app-container{padding:1.5rem 1rem 2rem}}::-webkit-scrollbar{width:8px;background:#e2e8f0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body{background:#f8fafc;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;margin:0;padding:0}.app-container{width:100vw;min-height:100vh;margin:0;background:#fff;border-radius:0;box-shadow:none;box-sizing:border-box;padding:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}h2{color:#2d3748;margin-bottom:1rem;font-weight:600}form{max-width:340px;margin:40px auto;background:#fff;border-radius:10px;box-shadow:0 2px 16px #e2e8f0;padding:32px 24px 24px;display:flex;flex-direction:column;gap:18px}form h2{margin-bottom:8px;text-align:center;color:#2563eb;font-weight:700}input[type=text],input[type=email],input[type=password]{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;background:#f9fafb;transition:border .2s}input:focus{border:1.5px solid #3182ce;outline:none}button{background:linear-gradient(90deg,#3182ce,#63b3ed);color:#fff;border:none;border-radius:6px;padding:.75rem 1rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}button:hover{background:linear-gradient(90deg,#2563eb,#4299e1)}form input[type=email],form input[type=password]{padding:10px 12px;border-radius:6px;border:1px solid #cbd5e0;font-size:1rem;width:100%;max-width:100%;box-sizing:border-box}form button[type=submit]{background:#2563eb;color:#fff;border:none;border-radius:6px;padding:10px 0;font-weight:600;font-size:1rem;cursor:pointer;margin-top:8px;transition:background .2s}form button[type=submit]:hover{background:#174ea6}.error{color:#e53e3e;background:#fff5f5;border-radius:6px;padding:8px 12px;text-align:center;font-size:.98rem}.switch-link{color:#3182ce;background:none;border:none;cursor:pointer;font-size:1rem;text-decoration:underline;margin-left:.5rem}.user-info{background:#f1f5f9;border-radius:8px;padding:1rem;margin-top:1.5rem;font-size:.95rem;color:#2d3748}.sidebar-item{transition:all .2s ease-in-out}.sidebar-item:hover{transform:translate(2px)}.sidebar-item.active,.sidebar-item[data-active=true]{background-color:#0ea5e9!important;color:#fff!important}.sidebar-item.active svg,.sidebar-item[data-active=true] svg{color:#fff!important}.layout-main{min-height:100vh;background:#f8fafc}@media (max-width: 768px){.sidebar{transform:translate(-100%);position:fixed;z-index:50;height:100vh}.sidebar.open{transform:translate(0)}.layout-main{margin-left:0}}.sidebar-item.active{background:#0ea5e9!important;color:#fff!important}aside .sidebar-item{all:unset;display:flex;align-items:center;width:100%;padding:.625rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;color:#334155;cursor:pointer;transition:background-color .2s,color .2s;box-sizing:border-box}aside .sidebar-item:hover{background-color:#e0f2fe}aside .sidebar-item.active{background-color:#0ea5e9;color:#fff}aside .sidebar-item svg{height:1.25rem;width:1.25rem;flex-shrink:0}aside:not(.w-16) .sidebar-item svg{margin-right:.75rem}aside.w-16 .sidebar-item svg{margin-left:.25rem!important}aside .sidebar-item.text-slate-600{color:#475569!important}aside .sidebar-item.text-slate-600:hover{background-color:#f8fafc!important;color:#475569!important}aside .sidebar-item.text-slate-600 svg{color:#475569!important}aside .sidebar-item.text-red-600{color:#dc2626!important}aside .sidebar-item.text-red-600:hover{background-color:#fef2f2!important;color:#dc2626!important}aside .sidebar-item.text-red-600 svg{color:#dc2626!important}aside .sidebar-item div.h-8{background-color:#e2e8f0!important;color:#475569!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;width:2rem!important;height:2rem!important;margin-right:.75rem!important;flex-shrink:0!important}aside.w-16 .sidebar-item{justify-content:flex-start!important;align-items:center!important;padding:.625rem .5rem!important;display:flex!important;flex-direction:row!important;height:auto!important}aside.w-16 .sidebar-item svg{margin-right:0!important;margin-left:.25rem!important}aside.w-16 .sidebar-item div.h-8{margin-left:auto!important;margin-right:auto!important}aside.w-16 .sidebar-item div.h-8{margin-right:0!important;margin-left:.25rem!important}aside.w-16 .sidebar-item div.h-8{margin-right:0!important;margin-bottom:0!important}aside.w-16 .sidebar-item span:not(.text-sm):not(.collapse-arrow){display:none!important}.collapse-arrow{display:inline-block!important}.absolute.z-10{box-shadow:0 4px 6px #0000001a!important}.absolute.z-10 button{width:100%!important;transition:background-color .2s!important}aside .relative .absolute.left-full{min-width:12rem!important;border-radius:.375rem!important}aside .relative .absolute.left-full{animation:fadeIn .2s ease-in-out!important}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}aside{transition:width .3s ease-in-out!important;flex-shrink:0!important;will-change:width!important;box-sizing:border-box!important;overflow-x:hidden!important}aside.w-16{align-items:flex-start!important;justify-content:flex-start!important;width:4rem!important}aside.w-16 .p-4{width:100%!important;padding:.5rem!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}aside.w-16 .sidebar-item.collapse-toggle{min-width:2.5rem!important;width:100%!important;justify-content:center!important;align-items:center!important;padding:.625rem 0!important;font-size:1.25rem!important;color:#334155!important;background:none!important;opacity:1!important;display:flex!important}aside.w-16 nav.flex-grow{align-items:flex-start!important;width:100%!important}:root{--logout-bg: white;--logout-text: #334155;--logout-border: #e2e8f0;--logout-tab-bg: #f1f5f9;--logout-tab-active-bg: white;--logout-tab-text: #64748b;--logout-tab-active-text: #0284c7;--logout-btn-bg: white;--logout-btn-hover-bg: #fef2f2;--logout-btn-text: #dc2626;--logout-shadow: 0 0 15px rgba(0, 0, 0, .1);--logout-badge-bg: #f1f5f9;--logout-badge-text: #64748b;--logout-header-text: #1e293b}.dark-mode{--logout-bg: #1e293b;--logout-text: #e2e8f0;--logout-border: #334155;--logout-tab-bg: #0f172a;--logout-tab-active-bg: #1e293b;--logout-tab-text: #94a3b8;--logout-tab-active-text: #ffffff;--logout-btn-bg: #0f172a;--logout-btn-hover-bg: #18181b;--logout-btn-text: #f87171;--logout-shadow: 0 0 15px rgba(0, 0, 0, .5);--logout-badge-bg: #334155;--logout-badge-text: #cbd5e1;--logout-header-text: #ffffff}.logout-pane{position:absolute;left:auto;top:auto;height:auto;width:150px;background-color:var(--logout-bg);box-shadow:var(--logout-shadow);z-index:1000;transition:all .3s ease;animation:slideIn .3s ease-out;display:flex;flex-direction:column;border-radius:5px;margin-left:.4rem;border:1px solid var(--logout-border)}.logout-pane-header{display:flex;align-items:center;border-bottom:1px solid var(--logout-border)}.logout-pane-header h3{color:var(--logout-header-text);transition:color .3s ease;margin:0;font-size:.8rem}.logout-pane-content{padding:.5rem .75rem;flex-grow:1}.logout-text-link{width:100%;background-color:transparent;color:#fff;padding:6px 0;font-weight:500;display:block;text-align:left;transition:all .2s ease,background-color .15s ease,transform .2s ease,box-shadow .2s ease,text-shadow .2s ease;cursor:pointer;z-index:1001;position:relative;font-size:11px;border-radius:0 0 5px 5px;border-top:1px solid var(--logout-border);margin:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.logout-text-link:hover{background-color:#ffffff40;font-weight:600;color:#fff;box-shadow:inset 0 0 0 1px #fff3;text-shadow:0 0 1px rgba(255,255,255,.5);transform:translateY(-1px);transition:all .2s ease}.logout-tabs{display:flex;border-bottom:1px solid var(--logout-border)}.logout-tab{flex:1;text-align:center;padding:.5rem;font-size:.875rem;font-weight:500;color:var(--logout-tab-text);background-color:var(--logout-tab-bg);border-bottom:2px solid transparent;transition:all .2s ease}.logout-tab.active{color:var(--logout-tab-active-text);background-color:var(--logout-tab-active-bg);border-bottom:2px solid var(--logout-tab-active-text);font-weight:600}.user-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.user-name{font-weight:500;color:var(--logout-text);font-size:1rem}.user-role-badge{display:inline-block;background-color:var(--logout-badge-bg);color:var(--logout-badge-text);padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:500;max-width:fit-content}@keyframes slideIn{0%{transform:translate(-5px);opacity:0}to{transform:translate(0);opacity:1}}.white-text-override{color:#fff!important}.logout-pane [role=button]{all:unset;color:#fff;display:block;width:100%;box-sizing:border-box}.logout-text-link:active{background-color:#ffffff4d;transform:translateY(0);box-shadow:inset 0 0 3px #0003;transition:all .05s ease}.logout-pane,.logout-pane *,.logout-btn,.logout-tab,.user-role-badge{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.collapse-expand-button{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;border-radius:.5rem!important;opacity:1!important;visibility:visible!important;margin-top:8px!important;background-color:#e0f2fe!important}.collapse-expand-button:hover{background-color:#bae6fd!important}aside.w-16 .collapse-expand-button span{color:#0ea5e9!important;font-weight:900!important;font-size:1.25rem!important}.dashboard-header-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;gap:2rem}.dashboard-title-section{flex:1}.dashboard-actions-section{width:420px;min-width:320px}@media (max-width: 1024px){.dashboard-header-container{flex-direction:column;align-items:stretch}.dashboard-actions-section{width:100%}}@media (max-width: 640px){.sidebar-collapsed-mobile{width:0!important}.main-content-mobile{padding-left:0!important}.stats-grid-mobile{grid-template-columns:repeat(1,1fr)!important;gap:16px!important}.dashboard-tabs button{padding:8px 16px;font-size:.875rem}.dashboard-content-wrapper,.dashboard-grid-item{width:100%;min-width:0;max-width:100vw;box-sizing:border-box}main{padding:16px!important}.dashboard-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:16px}}@media (min-width: 641px) and (max-width: 1024px){.stats-grid-mobile{grid-template-columns:repeat(2,1fr)!important}}.dashboard-root{max-width:100%;overflow-x:hidden;align-self:flex-start}.table-container{max-width:100%;overflow-x:auto}.min-h-screen{align-items:flex-start}main{padding-top:1rem!important}.dashboard-grid-item{min-width:0;width:100%}.dashboard-content-wrapper{display:flex;flex-direction:column;min-width:0;width:100%}.sidebar-wrapper{display:flex;flex-direction:column;height:100%}.sidebar-nav{margin-top:0;padding-top:1rem}.main-content{display:flex;flex-direction:column;min-height:100vh;padding-top:0!important;margin-top:0!important;position:relative;top:0}.main-content>main{flex:1;padding-top:1rem;align-self:flex-start;width:100%;margin-top:0;position:relative;top:0}.layout-container{display:flex;flex-direction:row;align-items:flex-start;margin:0;padding:0;gap:0}.dashboard-root{margin-top:0;padding-top:0}.main-content{margin:0!important;padding-top:0!important}.min-h-screen{margin:0!important}.layout-container{margin:0!important;padding:0!important}.main-content>main{margin-top:0!important;padding-top:.5rem!important}.main-content>main>div:first-child{margin-top:0!important}.sidebar-wrapper,.main-content{top:0!important;margin-top:0!important}aside{margin:0!important;padding:0!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;bottom:0!important}.flex-1{margin-top:0!important;padding:0!important;overflow-x:hidden;position:relative}.flex-1 main{padding-top:0!important;margin-top:0!important}main{padding-top:0!important;margin-top:0!important}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}.flex.h-screen{height:100vh;max-height:100vh;min-height:100vh;overflow:hidden}.dpp-page{display:flex;flex-direction:column;width:100%;padding:24px;background-color:#f9fafb;min-height:calc(100vh - 60px)}.dpp-page h2{font-size:1.75rem;color:#212529;margin:0 0 24px;font-weight:600}.dpp-tabs{display:flex;border-bottom:1px solid #dee2e6;margin-bottom:24px}.dpp-tabs button{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;font-size:1rem;color:#495057;cursor:pointer;transition:all .2s ease;font-weight:500}.dpp-tabs button:hover{color:#0056b3}.dpp-tabs button.active{color:#0056b3;border-bottom-color:#0056b3;font-weight:600}.dpp-content{display:flex;gap:24px;flex:1}.dpp-left-panel{flex:1;max-width:450px}.dpp-right-panel{flex:1;display:flex;flex-direction:column;gap:24px}.dpp-page h3{font-size:1.3rem;font-weight:600;color:#2b6cb0;margin-bottom:16px}.dpp-page h4{font-size:1.1rem;font-weight:600;color:#2b6cb0;margin-bottom:8px}.dpp-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #00000014;align-items:center;justify-content:center;width:100%;max-width:1400px}.filter-label{font-weight:500;color:#4a5568;display:flex;align-items:center;gap:8px;min-width:120px;flex:1 1 120px}.dpp-filter-label{color:#2b6cb0;min-width:160px;flex:1 1 160px}.filter-select{padding:10px 16px;border-radius:6px;border:1px solid #cbd5e0;font-size:.95rem;min-width:90px;flex-grow:1}.filter-select:focus{outline:none;border-color:#0056b3;box-shadow:0 0 0 2px #0056b340}.clear-filters-btn{padding:10px 16px;background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;color:#495057;font-size:.9rem;cursor:pointer;transition:all .2s;height:40px;margin-left:auto}.clear-filters-btn:hover{background-color:#e9ecef;color:#212529}.dpp-tab-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px;margin-top:20px}.tab-description{color:#495057;margin-bottom:20px;font-size:.95rem}.question-selection-container{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:20px;text-align:center;color:#6c757d;margin-top:8px}.primary-button{margin-top:16px;padding:12px 24px;background-color:#0056b3;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px}.primary-button:hover{background-color:#004494}.primary-button:disabled{background-color:#6c757d;cursor:not-allowed}.dpp-dashboard{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:24px;width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.no-data-message{color:#718096;font-weight:500;font-size:1.1rem;text-align:center;padding:32px}.analytics-summary{display:flex;gap:24px;margin-top:16px;flex-wrap:wrap}.analytics-item{display:flex;flex-direction:column;align-items:center}.analytics-label{color:#4a5568;font-weight:500}.analytics-value{font-weight:700;font-size:1.2rem}.dpp-create-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:24px;width:100%;max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-weight:500;color:#2b6cb0}.form-input{padding:10px 16px;border-radius:6px;border:1px solid #cbd5e0;font-size:.95rem}.form-input:focus{outline:none;border-color:#0056b3;box-shadow:0 0 0 2px #0056b340}.form-button{background:#2b6cb0;color:#fff;border:none;border-radius:6px;padding:12px;font-weight:600;cursor:pointer;transition:background-color .2s}.form-button:hover{background-color:#1e4e8c}.success-message{margin-top:16px;color:#3182ce;font-weight:500;text-align:center}.error-message{margin-top:16px;color:#e53e3e;font-weight:500;text-align:center}.attempt-status-container{margin-top:24px;width:100%}.attempt-status-table{width:100%;min-width:320px;border-collapse:collapse;background:#f7fafc;border-radius:8px;overflow:hidden}.attempt-status-table th{padding:12px 16px;background:#e2e8f0;text-align:left;font-weight:600;color:#4a5568;border:1px solid #cbd5e0}.attempt-status-table td{padding:10px 16px;border:1px solid #cbd5e0;text-align:center}.status-attempted{color:#38a169;font-weight:600}.status-not-attempted{color:#e53e3e;font-weight:600}.status-doubtful{color:#d69e2e;font-weight:600}.solve-dpp-container{max-width:800px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:24px}.question-container{margin-bottom:24px;padding:16px;border-radius:6px;background-color:#f9fafb;border:1px solid #e2e8f0}.question-text{font-weight:500;margin-bottom:12px;color:#2d3748}.answer-options{display:flex;gap:24px;margin-bottom:8px;flex-wrap:wrap}.answer-label{display:flex;align-items:center;gap:6px;cursor:pointer}.answer-input{margin:0}.loading-message{text-align:center;padding:24px;color:#4a5568;font-weight:500}@media (max-width: 768px){.dpp-filters{flex-direction:column;align-items:stretch}.filter-label{min-width:100%}.analytics-summary{flex-direction:column;align-items:center}.answer-options{flex-direction:column;gap:12px}}.dashboard-tabs{display:flex;border-bottom:1px solid #dee2e6;margin-bottom:24px}.dashboard-tabs button{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;font-size:1rem;color:#495057;cursor:pointer;transition:all .2s ease;font-weight:500}.dashboard-tabs button:hover{color:#0056b3}.dashboard-tabs button.active{color:#0056b3;border-bottom-color:#0056b3;font-weight:600}.dashboard-container{padding:20px;width:100%;overflow-x:hidden}.dashboard-tab-content{width:100%;overflow-x:hidden;padding:0}.section-title{font-size:1.5rem;font-weight:600;margin:20px 0;color:#333}.stats-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:30px}.stat-card{padding:20px;border-radius:10px;display:flex;align-items:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f!important}.stat-icon{margin-right:15px}.stat-info{flex:1}.stat-value{font-size:1.8rem;font-weight:700;margin:0;color:#333}.stat-label{font-size:.9rem;color:#666;margin:5px 0 0}.recent-papers-section{margin-bottom:30px}.table-container{width:100%;overflow-x:auto}.papers-table{width:100%;border-collapse:collapse}.papers-table th{background-color:#f8f9fa;padding:12px 15px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #e2e8f0}.papers-table td{padding:12px 15px;border-bottom:1px solid #e2e8f0;color:#4a5568}.papers-table tr:hover{background-color:#f8f9fa}.view-paper-btn{background-color:#c8a97e;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background-color .2s}.view-paper-btn:hover{background-color:#b79764}.quick-actions-section{margin-bottom:30px}.quick-actions-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:10px;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.quick-action-btn:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f!important}.action-icon{margin-bottom:10px}.quick-action-btn span{font-size:1rem;font-weight:500;color:#333}.loading-spinner{display:flex;justify-content:center;align-items:center;height:400px;font-size:1.2rem;color:#666}.error-message{background-color:#fff0f0;color:#e53e3e;padding:15px;border-radius:8px;margin:20px 0;border-left:4px solid #e53e3e}.dashboard-content{display:flex;gap:24px;flex:1}.upcoming-tests-section,.completed-tests-section{width:100%}.tests-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;background-color:#f8f9fa;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.search-filter{flex:1;min-width:200px}.search-input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filter-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:4px;background-color:#fff;font-size:.9rem;min-width:120px}.sort-controls{display:flex;gap:5px}.sort-button{padding:8px 12px;background:none;border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.sort-button.active{background-color:#edf2f7;font-weight:600}.reset-filters-button{padding:8px 12px;background-color:#cbd5e0;color:#2d3748;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.reset-filters-button:hover{background-color:#a0aec0}.test-card{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;padding:20px;margin-bottom:20px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.test-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.test-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.test-title{margin:0 0 5px;color:#333;font-size:1.25rem}.test-subtitle{color:#666;font-size:.9rem}.test-action-button{background:#c8a97e;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-weight:600;cursor:pointer;transition:background-color .2s}.test-action-button:hover{background-color:#b89969}.test-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:15px}.detail-label{font-size:.8rem;color:#666;margin-bottom:5px}.detail-value{font-weight:500}.test-status{position:absolute;top:15px;right:15px;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.status-available{background:#d1fae5;color:#047857}.status-upcoming{background:#fef3c7;color:#92400e}.status-completed{background:#e0e7ff;color:#4338ca}.test-results{display:flex;align-items:center;background:#f8fafc;padding:15px;border-radius:6px;margin-bottom:15px}.score-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;margin-right:20px;border-width:3px;border-style:solid}.score-excellent{border-color:#047857;color:#047857}.score-good{border-color:#0369a1;color:#0369a1}.score-average{border-color:#92400e;color:#92400e}.score-needs-improvement{border-color:#be123c;color:#be123c}.score-percentage{font-size:1.5rem;font-weight:700;line-height:1.2}.score-label{font-size:.7rem;color:#64748b}.score-details{display:flex;flex-wrap:wrap;flex:1}.score-detail-item{margin-right:30px;margin-bottom:10px}.performance-indicator{padding:8px 12px;border-radius:4px;display:inline-block;font-size:.85rem;font-weight:600}.performance-good{background:#d1fae5;color:#047857}.performance-poor{background:#fee2e2;color:#be123c}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:#4a5568}.spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#3182ce;animation:spin 1s ease-in-out infinite;margin-bottom:15px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background-color:#fff5f5;border-radius:8px;box-shadow:0 2px 4px #0000000d}.error-icon{font-size:2rem;margin-bottom:15px}.error-message{color:#e53e3e;margin-bottom:20px}.retry-button{padding:8px 16px;background-color:#e53e3e;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.retry-button:hover{background-color:#c53030}.empty-state{text-align:center;padding:40px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;color:#718096}.empty-state-icon{font-size:3rem;margin-bottom:15px}.empty-state-message{font-size:1.1rem;font-weight:600;margin-bottom:10px}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:30px}.pagination-button{padding:8px 16px;background-color:#edf2f7;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.pagination-button:disabled{background-color:#e2e8f0;color:#a0aec0;cursor:not-allowed}.pagination-button:not(:disabled):hover{background-color:#e2e8f0}.pagination-info{font-size:.9rem;color:#4a5568}.items-per-page-select{padding:6px 8px;border:1px solid #e2e8f0;border-radius:4px;background-color:#fff;font-size:.8rem}@media (max-width: 768px){.tests-controls{flex-direction:column}.search-filter,.filters{width:100%}.test-details{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.test-header{flex-direction:column}.test-action-button{margin-top:10px;width:100%}.test-details{grid-template-columns:1fr}.test-status{position:static;display:inline-block;margin-top:10px}.score-circle{margin-right:10px;width:60px;height:60px}}.timer-normal{color:#1e3a8a;border-color:#bfdbfe}.timer-warning{color:#c2410c;border-color:#fed7aa;animation:pulse 1.5s infinite}.timer-danger{color:#b91c1c;border-color:#fecaca;animation:pulse 1s infinite}.timer-progress-container{width:100%;height:4px;background-color:#e5e7eb;border-radius:2px;margin-top:8px;overflow:hidden}.timer-progress-bar{height:100%;transition:width 1s linear}.timer-normal .timer-progress-bar{background-color:#3b82f6}.timer-warning .timer-progress-bar{background-color:#f97316}.timer-danger .timer-progress-bar{background-color:#ef4444}.timer-warning-message{font-size:.75rem;color:#b91c1c;margin-top:4px;text-align:center;font-weight:500}.test-timer{display:flex;flex-direction:column;align-items:center;padding:12px 16px;border-radius:8px;background:#f9fafb;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000d;min-width:180px}.timer-label{font-size:.85rem;color:#6b7280;margin-bottom:4px}.timer-value{font-size:1.5rem;font-weight:700;font-family:monospace}.timer-warning{color:#ef4444;font-size:.75rem;font-weight:600;margin-top:4px;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.test-taking-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;max-width:1200px;margin:0 auto}.test-loading,.test-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin:40px auto;max-width:600px}.spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #3b82f6;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:16px}.back-button{margin-top:16px;padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.back-button:hover{background-color:#2563eb}.test-header{background:linear-gradient(135deg,#1a365d,#2c5282);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a;border-bottom:1px solid rgba(255,255,255,.1)}.test-title{font-size:1.5rem;font-weight:600}.test-info{display:flex;gap:20px;margin-top:8px;font-size:.9rem;opacity:.9}.test-status{padding:15px 20px;background-color:#f3f4f6;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.test-progress{display:flex;align-items:center}.progress-bar{width:200px;height:10px;background-color:#e5e7eb;border-radius:5px;overflow:hidden;margin-left:10px}.progress-fill{height:100%;background:linear-gradient(to right,#3182ce,#4c51bf);border-radius:5px;transition:width .3s ease}.test-question{padding:30px;border-bottom:1px solid #e5e7eb}.question-number{font-size:1rem;color:#6b7280;margin-bottom:10px}.question-text{font-size:1.2rem;font-weight:500;margin-bottom:20px;line-height:1.5}.question-options{display:flex;flex-direction:column;gap:12px}.question-option{padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center}.question-option:hover{background-color:#f9fafb;border-color:#d1d5db}.question-option.selected{background-color:#ebf5ff;border-color:#93c5fd}.option-marker{width:24px;height:24px;border-radius:50%;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;margin-right:12px;font-weight:600;font-size:.9rem;color:#4b5563}.selected .option-marker{background-color:#3182ce;border-color:#3182ce;color:#fff}.test-navigation{padding:20px;display:flex;justify-content:space-between}.test-button{padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.test-button-secondary{background-color:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.test-button-secondary:hover{background-color:#e5e7eb}.test-button-primary{background:linear-gradient(135deg,#3182ce,#4c51bf);color:#fff;border:none}.test-button-primary:hover{box-shadow:0 4px 12px #3182ce4d}.test-report-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.report-header{background:linear-gradient(135deg,#3182ce,#4c51bf);color:#fff;padding:25px;text-align:center}.report-title{font-size:1.8rem;font-weight:700;margin-bottom:8px}.report-subtitle{opacity:.9;font-size:1rem}.report-score-card{display:flex;justify-content:center;margin-top:20px;gap:40px}.score-item{text-align:center}.score-value{font-size:2.5rem;font-weight:700}.score-label{font-size:.9rem;opacity:.8}.report-tabs{display:flex;border-bottom:1px solid #e5e7eb}.report-tab{padding:15px 25px;font-weight:500;cursor:pointer;position:relative;color:#6b7280}.report-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:30px}.summary-card{padding:20px;border-radius:8px;background-color:#f9fafb;border:1px solid #e5e7eb}.summary-label{font-size:.9rem;color:#6b7280;margin-bottom:5px}.summary-value{font-size:1.2rem;font-weight:600;color:#1f2937}.performance-chart{height:300px;margin-bottom:30px;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.report-questions{margin-top:20px}.report-question{padding:20px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px}.report-question-header{display:flex;justify-content:space-between;margin-bottom:15px}.question-status{padding:4px 12px;border-radius:9999px;font-size:.8rem;font-weight:600}.status-correct{background-color:#dcfce7;color:#166534}.status-incorrect{background-color:#fee2e2;color:#b91c1c}.status-unattempted{background-color:#f3f4f6;color:#4b5563}.report-option{padding:10px 15px;border-radius:6px;margin-bottom:10px;display:flex;align-items:center}.option-correct{background-color:#dcfce7;border:1px solid #bbf7d0}.option-incorrect{background-color:#fee2e2;border:1px solid #fecaca}.option-normal{background-color:#f9fafb;border:1px solid #e5e7eb}.option-indicator{width:20px;height:20px;border-radius:50%;margin-right:10px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.correct-indicator{background-color:#22c55e;color:#fff}.incorrect-indicator{background-color:#ef4444;color:#fff}.normal-indicator{background-color:#e5e7eb;color:#4b5563}.explanation{margin-top:15px;padding:15px;background-color:#f9fafb;border-radius:6px;border-left:3px solid #3182ce}.explanation-title{font-weight:600;margin-bottom:5px;color:#1f2937}.explanation-content{color:#4b5563;line-height:1.5}@media (max-width: 768px){.test-header{flex-direction:column;align-items:flex-start}.report-score-card{flex-direction:column;gap:20px}.report-summary{grid-template-columns:1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media print{body{background:#fff}.printing{position:absolute;top:0;left:0;width:100%;background:#fff}.report-actions,.report-tabs,.back-button{display:none!important}.report-content{break-inside:avoid}.report-summary-section,.report-questions-section{display:block!important;page-break-inside:avoid}.question-item{page-break-inside:avoid}}.test-report-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;margin-bottom:30px}.report-header{position:relative;background:linear-gradient(135deg,#3182ce,#4c51bf);color:#fff;padding:25px;text-align:center}.back-button{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:5px;background:#fff3;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-weight:500;cursor:pointer;transition:background .2s}.back-button:hover{background:#ffffff4d}.report-actions{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.action-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.print-button{background-color:#e2e8f0;color:#475569;border:none}.print-button:hover{background-color:#cbd5e1}.download-button{background-color:#3b82f6;color:#fff;border:none}.download-button:hover{background-color:#2563eb}.report-tabs{display:flex;border-bottom:1px solid #e5e7eb;background-color:#f8fafc}.report-tab{padding:15px 25px;font-weight:500;cursor:pointer;position:relative;background:none;border:none;color:#6b7280;transition:color .2s}.report-tab:hover{color:#4b5563}.report-tab.active{color:#3182ce;font-weight:600}.report-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(135deg,#3182ce,#4c51bf)}.report-content{padding:30px}.report-summary-section{display:flex;flex-direction:column;gap:30px}.summary-header{display:flex;align-items:center;gap:30px;margin-bottom:20px}.score-circle{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-width:4px;border-style:solid;flex-shrink:0}.score-percentage{font-size:2rem;font-weight:700;line-height:1.2}.score-marks{font-size:1rem;color:#64748b}.test-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;flex:1}.detail-item{display:flex;flex-direction:column}.detail-label{font-size:.85rem;color:#64748b;margin-bottom:5px}.detail-value{font-weight:600;color:#1f2937}.performance-status{padding:20px;background-color:#f8fafc;border-radius:8px;margin-bottom:20px}.status-indicator{display:inline-block;padding:5px 12px;border-radius:9999px;color:#fff;font-weight:600;font-size:.9rem;margin:10px 0}.status-message{margin-top:10px;color:#4b5563;line-height:1.5}.chart-container{height:300px;display:flex;justify-content:center;align-items:center;margin:20px 0}.score-breakdown,.class-comparison{padding:20px;background-color:#f8fafc;border-radius:8px}.comparison-container{margin-top:20px}.comparison-item{margin-bottom:15px}.comparison-label{font-size:.9rem;color:#64748b;margin-bottom:5px}.comparison-value{font-weight:600;font-size:1.1rem;margin-bottom:5px}.comparison-bar{height:10px;border-radius:9999px;transition:width .5s ease}.report-questions-section{margin-top:20px}.question-item{background-color:#f8fafc;border-radius:8px;padding:20px;margin-bottom:20px;border-left:4px solid}.question-item.correct{border-left-color:#10b981}.question-item.incorrect{border-left-color:#ef4444}.question-number{font-weight:600;color:#1f2937}.question-marks{font-weight:600}.correct .question-marks{color:#10b981}.incorrect .question-marks{color:#ef4444}.question-text{font-size:1.1rem;margin-bottom:15px;line-height:1.5}.question-options{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.option{display:flex;align-items:center;padding:10px 15px;border-radius:6px;background-color:#fff;border:1px solid #e5e7eb}.option.correct{background-color:#d1fae5;border-color:#a7f3d0}.option.incorrect{background-color:#fee2e2;border-color:#fecaca}.option-marker{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:10px}.question-time-spent{font-size:.9rem;color:#64748b;margin-top:10px;margin-bottom:10px}.time-value{font-weight:600;color:#1f2937}.question-explanation{background-color:#f0f9ff;border-radius:6px;padding:15px;margin-top:10px;border-left:3px solid #3b82f6}.explanation-text{margin-top:10px;color:#4b5563;line-height:1.5}.report-analytics-section{display:flex;flex-direction:column;gap:30px}.analytics-card{background-color:#f8fafc;border-radius:8px;padding:20px;margin-bottom:20px}.topic-recommendations,.difficulty-analysis,.time-analysis{margin-top:20px}.recommendations-list{margin-top:10px;padding-left:20px}.recommendation-item{margin-bottom:8px;color:#1f2937}.recommendation-item.needs-improvement{color:#b91c1c}.time-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:20px}.time-stat{background-color:#fff;padding:15px;border-radius:6px;border:1px solid #e2e8f0}.time-label{font-size:.85rem;color:#64748b;margin-bottom:5px}.time-value{font-weight:600;color:#1f2937;font-size:1.1rem}.time-recommendation{background-color:#f0f9ff;border-radius:6px;padding:15px;border-left:3px solid #3b82f6}.report-comparison-section{display:flex;flex-direction:column;gap:30px}.attempts-table{width:100%;border-collapse:collapse;margin-top:15px}.attempts-table th,.attempts-table td{padding:10px 15px;text-align:left;border-bottom:1px solid #e2e8f0}.attempts-table th{background-color:#f1f5f9;font-weight:600;color:#475569}.attempts-table tr.current-attempt{background-color:#f0f9ff;font-weight:600}.attempt-progress-bar{width:100%;height:8px;background-color:#e2e8f0;border-radius:9999px;overflow:hidden}.attempt-progress-fill{height:100%;border-radius:9999px}.improvement-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin:20px 0}.improvement-item{background-color:#fff;padding:15px;border-radius:6px;border:1px solid #e2e8f0}.improvement-label{font-size:.85rem;color:#64748b;margin-bottom:5px}.improvement-value{font-weight:600;color:#1f2937;font-size:1.1rem}.improvement-tips{background-color:#f0f9ff;border-radius:6px;padding:15px;border-left:3px solid #3b82f6}.peer-comparison{margin-top:30px}.comparison-stats{margin-top:15px}.percentile-info{margin-top:20px;background-color:#f0f9ff;border-radius:6px;padding:15px;color:#1f2937;line-height:1.5}@media (max-width: 768px){.summary-header{flex-direction:column;align-items:center}.test-details{width:100%}.report-tabs{overflow-x:auto}.report-tab{padding:15px;min-width:auto}}.chart-container h4{font-size:16px;font-weight:600;color:#0f172a;margin-top:20px;margin-bottom:15px;text-align:center}.rank-info{margin:15px 0;padding:15px;background-color:#f0f9ff;border-radius:6px;border-left:3px solid #3b82f6}.rank-info h5{margin-top:0;margin-bottom:10px;font-size:16px;font-weight:600;color:#0f172a}.student-test-results-tabs{width:100%;margin:0 auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.test-header-container{padding:15px 20px;margin-bottom:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background-color:#fff;position:relative;z-index:100}.test-header-container h1{margin:0;font-size:22px;font-weight:600;color:#333;flex:1}.test-header-container div{background-color:#f5f7ff;padding:8px 15px;border-radius:6px;color:#2196f3;font-weight:500}.tabs-header{display:flex;border-bottom:2px solid #eee;margin-bottom:20px;background-color:#f8f9fa}.tab-button{padding:14px 24px;font-size:16px;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;color:#666;text-align:center;flex:1;position:relative}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background-color:#4a6cf7}.tab-actions{margin-top:30px;display:flex;justify-content:flex-end;padding:0 20px 20px}.back-button{padding:10px 20px;background-color:#f5f5f5;color:#333;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:8px}@media (max-width: 768px){.tabs-header{flex-wrap:wrap}.tab-button{padding:10px 15px;font-size:14px}}.result-tab-content{padding:15px}.result-tab-content h2{margin-top:0;margin-bottom:20px;color:#333;font-size:24px}.result-tab-content h3{margin-top:25px;margin-bottom:15px;color:#555;font-size:18px}.no-data-message{text-align:center;padding:20px;background-color:#f9f9f9;border-radius:5px;color:#666}.overview-tab .result-summary{margin-bottom:30px}.overview-tab .summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.overview-tab .score-circle{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;border:8px solid #4a6cf7;color:#4a6cf7}.overview-tab .score-percentage{font-size:28px;font-weight:700}.overview-tab .score-fraction{font-size:14px;margin-top:5px}.overview-tab .summary-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-bottom:20px;background-color:#f8f9ff;padding:15px;border-radius:8px}.overview-tab .detail-item{padding:10px;border-bottom:1px solid #e6e9f4}.overview-tab .detail-item:first-child,.overview-tab .detail-item:nth-child(5){grid-column:1 / -1;background-color:#edf2fd;border-radius:6px;padding:12px 15px;border-bottom:none;margin-bottom:10px}.overview-tab .detail-label{font-weight:600;color:#3a3a3a;margin-right:8px;display:inline-block;min-width:120px}.overview-tab .detail-value{color:#2196f3;font-weight:500}.overview-tab .stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.overview-tab .stat-card{background-color:#f8f9ff;border-radius:6px;padding:15px;text-align:center;box-shadow:0 2px 5px #0000000d}.overview-tab .stat-value{font-size:24px;font-weight:600;color:#4a6cf7;margin-bottom:5px}.overview-tab .stat-label{color:#666;font-size:14px}.detailed-tab .topic-performance,.detailed-tab .difficulty-chart{margin-bottom:30px}.detailed-tab .topic-item,.detailed-tab .difficulty-item{display:flex;align-items:center;margin-bottom:12px}.detailed-tab .topic-name,.detailed-tab .difficulty-label{width:120px;font-weight:500;padding-right:10px}.detailed-tab .topic-progress-container,.detailed-tab .difficulty-progress-container{flex:1;height:20px;background-color:#f0f0f0;border-radius:10px;overflow:hidden;position:relative;margin:0 10px}.detailed-tab .topic-progress-bar,.detailed-tab .difficulty-progress-bar{height:100%;background-color:#4a6cf7}.detailed-tab .topic-percentage,.detailed-tab .difficulty-percentage{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:500;color:#fff}.detailed-tab .topic-fraction,.detailed-tab .difficulty-fraction{width:60px;text-align:right;font-size:14px;color:#666}.detailed-tab .time-note{background-color:#f8f9ff;padding:15px;border-radius:6px;border-left:4px solid #4a6cf7}.answers-tab .question-result{margin-bottom:30px;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000000d}.answers-tab .question-result.correct{border-left:4px solid #4caf50}.answers-tab .question-result.incorrect{border-left:4px solid #f44336}.answers-tab .question-result-header{display:flex;justify-content:space-between;margin-bottom:10px}.answers-tab .question-number{font-weight:500}.answers-tab .status-correct{color:#4caf50;font-weight:500}.answers-tab .status-incorrect{color:#f44336;font-weight:500}.answers-tab .question-text{margin-bottom:15px;font-size:16px}.answers-tab .options-analysis{display:flex;flex-direction:column;gap:10px}.answers-tab .result-option{padding:10px;border-radius:4px;border:1px solid #e0e0e0}.answers-tab .selected-correct{background-color:#4caf501a;border-color:#4caf50}.answers-tab .selected-incorrect{background-color:#f443361a;border-color:#f44336}.answers-tab .correct-option{border-color:#4caf50}.answers-tab .option-content{display:flex;align-items:center}.answers-tab .option-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:10px;color:#4caf50;font-weight:700}.answers-tab .selected-incorrect .option-indicator{color:#f44336}.answers-tab .correct-answer-note{margin-top:10px;font-size:12px;color:#4caf50}.performance-tab .performance-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:30px}.performance-tab .metric-card{padding:20px;border-radius:8px;background-color:#f8f9ff;box-shadow:0 2px 5px #0000000d;text-align:center}.performance-tab .metric-title{font-weight:500;color:#555;margin-bottom:10px}.performance-tab .metric-value{font-size:28px;font-weight:600;color:#4a6cf7;margin-bottom:5px}.performance-tab .metric-value.primary{font-size:36px}.performance-tab .metric-subtitle{font-size:13px;color:#666}.performance-tab .comparison-item{display:flex;align-items:center;margin-bottom:15px}.performance-tab .comparison-label{width:120px;font-weight:500}.performance-tab .comparison-bar-container{flex:1;height:25px;background-color:#f0f0f0;border-radius:12px;overflow:hidden;position:relative}.performance-tab .comparison-bar{height:100%}.performance-tab .comparison-bar.your-score{background-color:#4a6cf7}.performance-tab .comparison-bar.class-average{background-color:#f9a825}.performance-tab .comparison-value{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:500;color:#fff}.performance-tab .comparison-insight{margin-top:20px;padding:15px;background-color:#f0f8ff;border-radius:6px;color:#333}.performance-tab .improvement-areas{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.performance-tab .improvement-item{padding:15px;background-color:#fff5f5;border-radius:6px;border-left:4px solid #f44336}.performance-tab .improvement-topic{font-weight:500;margin-bottom:5px}.performance-tab .improvement-score{font-size:20px;font-weight:600;color:#f44336;margin-bottom:10px}.performance-tab .improvement-message{font-size:13px;color:#666}.performance-tab .no-improvement-needed{padding:15px;background-color:#f0fff4;border-radius:6px;border-left:4px solid #4caf50}@media (max-width: 768px){.overview-tab .summary-header{flex-direction:column;align-items:flex-start}.overview-tab .score-circle{margin-top:15px}.detailed-tab .topic-item,.detailed-tab .difficulty-item,.performance-tab .comparison-item{flex-direction:column;align-items:flex-start}.detailed-tab .topic-name,.detailed-tab .difficulty-label,.performance-tab .comparison-label{width:100%;margin-bottom:5px}.detailed-tab .topic-progress-container,.detailed-tab .difficulty-progress-container,.performance-tab .comparison-bar-container{width:100%;margin:5px 0}.detailed-tab .topic-fraction,.detailed-tab .difficulty-fraction{width:100%;text-align:left;margin-top:5px}}.results-header-row{display:grid!important;grid-template-columns:auto auto!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-bottom:20px!important;width:100%!important}.results-header-title{margin:0!important;font-size:1.35rem!important;font-weight:600!important;color:#2d3748!important;white-space:nowrap!important;grid-column:1!important}.results-header-row .back-button{grid-column:2!important;justify-self:end!important}.student-test-results .results-header-row{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:space-between!important;width:100%!important;position:relative!important}.student-test-results .results-header-row .results-header-title{margin:0!important;padding:0!important;flex-shrink:0!important}.student-test-results .results-header-row .back-button{margin-left:auto!important;flex-shrink:0!important;position:relative!important;display:inline-block!important}@media all{.student-test-results .results-header-row{flex-direction:row!important}}.student-test-results{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-top:20px;position:relative}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.results-header h3{margin:0;font-size:1.2rem;color:#2d3748}.search-container{width:300px}.search-input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:4px;font-size:14px}.results-table-container{overflow-x:auto;margin-bottom:20px}.results-table{width:100%;border-collapse:collapse;font-size:14px}.results-table th{background-color:#f7fafc;color:#4a5568;text-align:left;padding:12px;font-weight:600;border-bottom:2px solid #e2e8f0}.results-table td{padding:12px;border-bottom:1px solid #e2e8f0;color:#2d3748}.selected-row{background-color:#ebf8ff}.percentage-bar-container{display:flex;align-items:center;width:100%}.percentage-bar{height:8px;border-radius:4px;margin-right:8px}.percentage-bar.good{background-color:#48bb78}.percentage-bar.average{background-color:#ecc94b}.percentage-bar.poor{background-color:#f56565}.view-details-btn{background-color:#4299e1;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;transition:background-color .2s}.view-details-btn:hover{background-color:#3182ce}.no-results{text-align:center;padding:40px;color:#718096}.results-summary{display:flex;justify-content:space-between;margin-top:30px}.summary-card{background-color:#f7fafc;border-radius:8px;padding:15px;flex:1;margin:0 10px;text-align:center;box-shadow:0 1px 3px #0000000d}.summary-card:first-child{margin-left:0}.summary-card:last-child{margin-right:0}.summary-title{font-size:14px;color:#718096;margin-bottom:5px}.summary-value{font-size:24px;font-weight:600;color:#2d3748}.detailed-test-result{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.test-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:24px;padding:20px;border-bottom:1px solid #e2e8f0;background-color:#f8fafc;border-top-left-radius:8px;border-top-right-radius:8px}.back-button{white-space:nowrap!important;font-size:1rem!important;padding:8px 18px!important;background-color:#f5f5f5!important;color:#333!important;border:none!important;border-radius:4px!important;cursor:pointer!important;font-weight:500!important;transition:all .2s ease!important;display:inline-block!important;text-align:center!important}.back-button:hover{background-color:#e5e5e5}.test-meta{flex:1;min-width:220px}.test-meta h2{margin:0 0 8px;font-size:1.4rem;color:#2d3748}.test-details{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:14px;color:#718096}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #4a6cf7;animation:spin 1s linear infinite;margin-bottom:15px}.error-message{background-color:#fff5f5;color:#c53030;padding:15px;border-radius:6px;border-left:4px solid #e53e3e;margin-bottom:20px}.tabs-header{display:flex;border-bottom:2px solid #eee;background-color:#f8fafc;padding:0 20px}.tab-button{padding:12px 20px;font-size:16px;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;color:#666}.tab-button:hover{color:#4a6cf7;background-color:#f0f4ff}.tab-button.active{color:#4a6cf7;border-bottom-color:#4a6cf7;font-weight:600}.tab-content{min-height:400px;padding:20px}.detailed-result-section{margin-top:30px;padding:20px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.detailed-result-section h4{margin:0 0 15px;color:#2d3748;font-size:1.1rem;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.detailed-result-section h5{margin:15px 0 10px;color:#4a5568;font-size:1rem}.result-summary{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.summary-item{display:flex;flex-direction:column;background-color:#fff;padding:12px 20px;border-radius:6px;box-shadow:0 1px 2px #0000000d;min-width:150px}.summary-item .label{font-size:14px;color:#718096;margin-bottom:5px}.summary-item .value{font-size:20px;font-weight:600;color:#2d3748}.answers-section{background-color:#fff;border-radius:6px;padding:15px;box-shadow:0 1px 2px #0000000d}.answers-table{width:100%;border-collapse:collapse;font-size:14px}.answers-table th{background-color:#f7fafc;color:#4a5568;text-align:left;padding:10px;font-weight:600;border-bottom:2px solid #e2e8f0}.answers-table td{padding:10px;border-bottom:1px solid #e2e8f0;color:#2d3748}.answers-table .correct-answer{background-color:#48bb781a}.answers-table .wrong-answer{background-color:#f565651a}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.correct{background-color:#48bb7833;color:#2f855a}.status-badge.incorrect{background-color:#f5656533;color:#c53030}@media (max-width: 768px){.results-header{flex-direction:column;align-items:flex-start}.search-container{width:100%;margin-top:10px}.results-summary{flex-direction:column}.summary-card{margin:5px 0}.result-summary{flex-direction:column;gap:10px}.summary-item{width:100%}.test-header{flex-direction:column;align-items:flex-start}.results-header-row{display:grid!important;grid-template-columns:auto auto!important;justify-content:space-between!important;align-items:center!important}}.upcoming-tests-container,.completed-tests-container{border-radius:8px;overflow:hidden;box-shadow:0 2px 15px #00000014;border:1px solid rgba(0,0,0,.1)}.completed-tests-container{margin-bottom:1.5rem}.upcoming-tests-container .test-header,.completed-tests-container .test-header{background:#f8f9fa;color:#333;padding:1.2rem 1.5rem;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0}.upcoming-tests-container .test-header:before,.completed-tests-container .test-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#3182ce,#4299e1);z-index:1}.upcoming-tests-container .test-header:after,.completed-tests-container .test-header:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3182ce,#4299e1);z-index:1}.upcoming-tests-container .test-title,.completed-tests-container .test-title{font-size:1.3rem;font-weight:700;letter-spacing:.5px;position:relative;z-index:2;color:#1a202c}.upcoming-tests-container .test-info,.completed-tests-container .test-info{margin-top:4px;font-size:.95rem;display:flex;align-items:center;position:relative;z-index:2;color:#4a5568}.upcoming-tests-container .info-item,.completed-tests-container .info-item{display:inline-flex;align-items:center;color:#4a5568;font-weight:500}.upcoming-tests-container .info-separator,.completed-tests-container .info-separator{margin:0 8px;color:#a0aec0}.upcoming-tests-container .test-header .test-title:before{content:"⏰";margin-right:8px;font-size:.9em;color:#3182ce}.completed-tests-container .test-header .test-title:before{content:"✓";margin-right:8px;font-size:.9em;color:#38a169}.student-dashboard{max-width:1100px;margin:2rem auto;background:var(--color-bg-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.student-dashboard-header{background:linear-gradient(135deg,#3182ce,#4c51bf);color:#fff;padding:2rem;position:relative}.student-dashboard-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#f6ad55,#f59e0b,#ed8936)}.student-welcome{font-size:1.25rem;font-weight:500;margin-bottom:.5rem}.student-role{font-size:.9rem;opacity:.9}.student-dashboard-content{padding:2rem}.dashboard-section-title{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:1.5rem;border-bottom:2px solid #edf2f7;padding-bottom:.75rem}.dpp-selector{margin-bottom:1.5rem}.dpp-selector label{display:inline-block;font-weight:500;margin-right:1rem;color:#4a5568}.dpp-selector select{padding:.5rem 1rem;border-radius:.5rem;border:1px solid #cbd5e0;background-color:#fff;color:#2d3748;font-family:inherit;font-size:.95rem;min-width:250px;box-shadow:0 1px 3px #0000001a;transition:all .2s}.dpp-selector select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #4299e180}.dpp-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;padding:1.5rem;margin-bottom:1.5rem;border-left:4px solid #3182ce}.dpp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.dpp-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin:0 0 .5rem}.dpp-meta{font-size:.9rem;color:#718096;margin-bottom:1rem}.dpp-section{margin-bottom:1.5rem}.dpp-section-title{font-weight:600;margin-bottom:.75rem;color:#4a5568}.dpp-button{background:linear-gradient(135deg,#3182ce,#4c51bf);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #3182ce4d}.dpp-button:hover{transform:translateY(-2px);box-shadow:0 7px 14px #3182ce66}.dpp-button:focus{outline:none;box-shadow:0 0 0 3px #4299e180}.dpp-status{display:inline-block;padding:.35rem .75rem;border-radius:9999px;font-size:.85rem;font-weight:500}.dpp-status-completed{background-color:#c6f6d5;color:#22543d}.test-portal-tabs{display:flex;border-bottom:1px solid #dee2e6;background-color:transparent;border-radius:0;overflow:visible;padding:0;box-shadow:none;border:none}.test-tab-button{flex:0 0 auto;padding:12px 24px;background:none;border:none;font-size:1rem;color:#495057;cursor:pointer;font-weight:500;text-align:center;transition:color .2s ease;position:relative;border-radius:0;margin:0;border-bottom:2px solid transparent}.test-tab-button.active{font-weight:600;color:#0056b3;border-bottom-color:#0056b3;background-color:transparent;box-shadow:none}.test-tab-button:hover{color:#0056b3;background-color:transparent}.empty-state{text-align:center;padding:3rem 2rem;color:#718096}.empty-state-icon{font-size:3rem;color:#cbd5e0;margin-bottom:1rem}.empty-state-message{font-size:1.1rem;margin-bottom:.5rem}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{width:40px;height:40px;border:4px solid rgba(66,153,225,.3);border-radius:50%;border-top-color:#3182ce;animation:spin 1s ease-in-out infinite}@media (max-width: 768px){.student-dashboard{margin:1rem;border-radius:.5rem}.student-dashboard-header,.student-dashboard-content{padding:1.5rem}.dpp-header{flex-direction:column}.dpp-selector select{width:100%;min-width:unset}}.dashboard-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem;margin-bottom:1.5rem}.dashboard-flex-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.dashboard-label{color:#64748b;font-size:.875rem}.dashboard-value{font-weight:600;color:#0f172a}.dashboard-charts-section{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2.5rem}@media (min-width: 1024px){.dashboard-charts-section{grid-template-columns:1fr 1fr;align-items:stretch}}.dashboard-chart-card{background:#fff;border-radius:1rem;box-shadow:0 2px 8px #60a5fa1a;padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px}.dashboard-chart-card canvas{max-width:98%;max-height:160px;width:98%;height:160px;margin:0 auto;display:block}.dashboard-chart-title{font-size:1.125rem;font-weight:700;color:#334155;margin-bottom:1rem;text-align:center}.stats-container{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;margin-bottom:2rem}@media (min-width: 640px){.stats-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.stats-container{grid-template-columns:repeat(4,minmax(0,1fr))}}.stats-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;border-radius:1rem;background:#fff;box-shadow:0 2px 8px #60a5fa1a;transition:box-shadow .2s,transform .2s}.stats-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0ea5e91a,0 4px 6px -2px #0ea5e914}.icon-container{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:9999px;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:#0ea5e9;margin-top:.25rem;text-align:center}.stat-label{font-size:1rem;color:#64748b;margin-top:.5rem;text-align:center}.stats-card .stat-value{font-size:1.875rem;font-weight:700;line-height:1.2;margin-top:.25rem}.stats-card .stat-label{font-size:.875rem;color:#64748b;margin-top:.5rem}.stats-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .2s ease-in-out}.form-label.mandatory{color:#dc3545;font-weight:500}.form-label.optional{color:#495057}.mandatory-badge{background:#dc3545;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:3px;font-weight:500}.optional-badge{background:#6c757d;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:3px;font-weight:500}.options-preview{margin-top:8px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.options-list{margin-top:8px}.option-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;margin-bottom:4px;background:#fff;border:1px solid #dee2e6;border-radius:4px;transition:all .2s}.option-item.correct{background:#d4edda;border-color:#28a745;color:#155724}.correct-mark{color:#28a745;font-weight:700;font-size:1.1rem}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #dee2e6}.btn{padding:10px 20px;border-radius:6px;font-size:.95rem;font-weight:500;border:1px solid;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#6c757d;border-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268;border-color:#545b62}.btn-primary{background:#007bff;border-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3;border-color:#004085}.field-hint{margin-top:4px}.field-hint small{color:#6c757d;font-style:italic}.modal-container{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:1000px;max-width:95vw;max-height:90vh;height:auto;min-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:16px 24px;border-bottom:1px solid #dee2e6;background-color:#fff;position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;transition:box-shadow .3s}.modal-header.scrolled{box-shadow:0 2px 4px #0000000d}.modal-title{margin:0;font-size:1.5rem;color:#333}.close-button{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#f0f0f0}.form-container{overflow-y:auto;flex:1;width:100%;display:flex;flex-direction:column;background-color:#fff}.form-content{padding:30px;width:100%;flex:1;display:flex;flex-direction:column;box-sizing:border-box;background-color:#fff}.error-message{padding:12px;background-color:#f8d7da;color:#721c24;border-radius:4px;margin-bottom:20px}.question-form{display:flex;flex-direction:column;gap:24px;margin:0;width:100%;flex:1;background-color:#fff;align-self:stretch;min-width:100%}.question-form *{max-width:100%;box-sizing:border-box}.info-section{padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;margin-bottom:12px;width:100%;box-sizing:border-box}.info-title{margin:0 0 12px;color:#495057;font-weight:600;font-size:1.1rem}.info-subtitle{font-size:.95rem;color:#6c757d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;box-sizing:border-box;min-width:100%}.form-group{display:flex;flex-direction:column;width:100%;min-width:0}.form-label{margin-bottom:8px;font-size:1rem;color:#495057;font-weight:500}.form-control{padding:12px 16px;border-radius:6px;border:1px solid #ced4da;font-size:.95rem;height:48px;width:100%;box-sizing:border-box;background:#fff!important}.form-control:-webkit-autofill,.form-control:-webkit-autofill:focus,.form-control:-webkit-autofill:hover,.form-control:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;-webkit-text-fill-color:#495057!important;background-color:#fff!important;background:#fff!important}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;background:#fff!important}.form-control.error{border:1px solid #dc3545}.form-control-textarea{padding:12px 16px;border-radius:6px;border:1px solid #ced4da;resize:vertical;font-family:inherit;font-size:.95rem;width:100%;box-sizing:border-box;background:#fff!important}.form-control-textarea:-webkit-autofill,.form-control-textarea:-webkit-autofill:focus,.form-control-textarea:-webkit-autofill:hover,.form-control-textarea:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;-webkit-text-fill-color:#495057!important;background-color:#fff!important;background:#fff!important}.form-control-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;background:#fff!important}.form-control-textarea.question-text{min-height:120px}.form-control-textarea.solution-text{min-height:80px}.error-feedback{color:#dc3545;font-size:.9rem;margin-top:6px}.options-container{margin-top:12px;display:flex;flex-direction:column;gap:8px}.option-label{font-size:.9rem;color:#495057}.option-item{padding:8px 12px;background-color:#f8f9fa;border-radius:4px;border:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.option-item.correct{background-color:#e8f4ff;border:1px solid #b8daff}.correct-mark{color:#28a745;font-size:.8rem}.modal-footer{padding:20px 30px;border-top:1px solid #dee2e6;background-color:#fff;position:sticky;bottom:0;z-index:10;display:flex;justify-content:flex-end;gap:16px}.btn{padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:500;font-size:1rem;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.7}.btn-cancel{border:1px solid #6c757d;background-color:transparent;color:#6c757d;min-width:100px}.btn-cancel:hover:not(:disabled){background-color:#f8f9fa}.btn-primary{border:none;background-color:#0056b3;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;min-width:140px}.btn-primary:hover:not(:disabled){background-color:#004494}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin 1s linear infinite}.dynamic-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:20px}.dynamic-filters.compact{padding:12px}.dynamic-filters.vertical{display:flex;flex-direction:column;gap:16px}.dynamic-filters.horizontal .hierarchical-filters,.dynamic-filters.horizontal .independent-filters{margin-bottom:16px}.hierarchical-filters h4,.independent-filters h4{margin:0 0 12px;color:#1e293b;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding-bottom:8px;border-bottom:1px solid #cbd5e1}.filter-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.dynamic-filters.vertical .filter-row{flex-direction:column;align-items:stretch;gap:12px}.filter-group{display:flex;flex-direction:column;min-width:180px;flex:1}.filter-group.compact{min-width:150px}.dynamic-filters.vertical .filter-group{min-width:auto}.filter-group label{margin-bottom:6px;color:#374151;font-weight:500;font-size:.9rem;white-space:nowrap}.filter-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;background:#fff;color:#374151;transition:all .2s ease;cursor:pointer}.filter-group select:hover:not(:disabled){border-color:#9ca3af}.filter-group select.disabled,.filter-group select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.filter-group.compact select{padding:6px 10px;font-size:.85rem}.filter-actions{display:flex;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.clear-filters-btn{background:#6b7280;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s ease}.clear-filters-btn:hover:not(:disabled){background:#4b5563}.clear-filters-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.filters-loading,.filters-error{padding:20px;text-align:center;border-radius:6px;margin-bottom:20px}.filters-loading{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.filters-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}@media (max-width: 768px){.dynamic-filters{padding:16px}.filter-row{flex-direction:column;gap:12px}.filter-group{min-width:auto}.filter-actions{justify-content:stretch}.clear-filters-btn{width:100%}}@media (max-width: 480px){.dynamic-filters{padding:12px}.hierarchical-filters h4,.independent-filters h4{font-size:.9rem}.filter-group label{font-size:.85rem}.filter-group select{padding:6px 10px;font-size:.85rem}}.dynamic-filters.horizontal .hierarchical-filters,.dynamic-filters.horizontal .independent-filters{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:16px}.dynamic-filters.vertical .hierarchical-filters{border-bottom:1px solid #e2e8f0;padding-bottom:16px;margin-bottom:16px}.dynamic-filters.vertical .independent-filters{padding-top:0}.filter-group select:disabled{position:relative}.filter-group select:disabled:after{content:"";position:absolute;inset:0;background:#f3f4f6cc;pointer-events:none}.filter-group:focus-within{z-index:1}.filter-group select:focus{z-index:2}.hierarchical-filters{position:relative}.hierarchical-filters:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#3b82f6,#1d4ed8);border-radius:2px}.independent-filters{position:relative}.independent-filters:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#10b981,#059669);border-radius:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.filters-loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--primary-light: #3b82f6;--accent-color: #0ea5e9;--accent-hover: #0284c7;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--icon-xs: .75rem;--icon-sm: 1rem;--icon-md: 1.25rem;--icon-lg: 1.5rem;--icon-xl: 2rem}.icon{display:inline-block;vertical-align:middle;flex-shrink:0;transition:all var(--transition-fast)}.icon-xs{width:var(--icon-xs);height:var(--icon-xs)}.icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.icon-md{width:var(--icon-md);height:var(--icon-md)}.icon-lg{width:var(--icon-lg);height:var(--icon-lg)}.icon-xl{width:var(--icon-xl);height:var(--icon-xl)}.tab-button .icon{width:var(--icon-sm);height:var(--icon-sm);margin-right:.5rem}.action-button .icon{width:var(--icon-sm);height:var(--icon-sm);margin-right:.375rem}.save-button .icon{width:var(--icon-md);height:var(--icon-md);margin-right:.5rem}.drag-handle .icon{width:var(--icon-sm);height:var(--icon-sm);color:var(--gray-400);cursor:grab}.drag-handle:active .icon{cursor:grabbing}.remove-button .icon{width:var(--icon-sm);height:var(--icon-sm);transition:all var(--transition-fast)}.remove-button:hover .icon{transform:scale(1.1)}.tab-button,.action-button,.save-button{display:inline-flex;align-items:center;justify-content:center}.mode-indicator .icon{margin-right:.5rem;flex-shrink:0}.icon-muted{color:var(--gray-400)}.icon-primary{color:var(--primary-color)}.icon-success{color:var(--success-color)}.icon-warning{color:var(--warning-color)}.icon-danger{color:var(--danger-color)}.generate-test-page{display:flex;flex-direction:column;width:100%;padding:2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:calc(100vh - 60px);position:relative}.generate-test-page:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(135deg,#2563eb08,#0ea5e90d);z-index:0}.generate-test-page>*{position:relative;z-index:1}.generate-test-page h2{font-size:2rem;color:var(--gray-900);margin:0 0 2rem;font-weight:700;letter-spacing:-.025em;text-shadow:0 2px 4px rgba(0,0,0,.05)}.tabs{display:flex;gap:4px;margin-bottom:0;padding:0;border-bottom:2px solid var(--gray-200);position:relative}.tab-button{position:relative;background:linear-gradient(135deg,#fff,#f8fafc);color:var(--gray-600);border:2px solid var(--gray-200);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:.875rem 1.5rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);transform:translateY(0);z-index:1}.tab-button:hover:not(.active){background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:var(--gray-700);transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--gray-300)}.tab-button.active{background:linear-gradient(135deg,var(--accent-color) 0%,var(--primary-color) 100%);color:#fff;border-color:var(--accent-color);box-shadow:var(--shadow-lg);transform:translateY(-4px);z-index:3}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(135deg,var(--accent-color) 0%,var(--primary-color) 100%)}.question-item{padding:1rem;border-bottom:1px solid var(--gray-200);transition:all var(--transition-fast);position:relative;background:#fff}.question-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);transition:width var(--transition-normal)}.question-item:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);transform:translate(4px);box-shadow:var(--shadow-md)}.question-item:hover:before{width:4px}.paper-builder-container{position:sticky;top:1.5rem;right:0;background:linear-gradient(135deg,#fff,#fefefe);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.paper-builder-container:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(135deg,#2563eb1a,#0ea5e91a);border-radius:50%;transform:translate(50%,-50%)}.summary-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;position:relative;box-shadow:var(--shadow-sm)}.summary-section:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:.9rem;font-weight:500;border-bottom:1px solid var(--gray-200);transition:all var(--transition-fast)}.summary-item:last-child{border-bottom:none}.summary-item:hover{background:#2563eb0d;margin:0 -1rem;padding-left:1rem;padding-right:1rem;border-radius:var(--radius-md)}.summary-item strong{color:var(--gray-700);font-weight:600}.summary-item span{color:var(--primary-color);font-weight:600;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.selected-questions{max-height:45vh;overflow-y:auto;padding:.5rem;position:relative;border-radius:var(--radius-lg);background:linear-gradient(135deg,#fefefe,#f9fafb);border:1px solid var(--gray-200)}.selected-questions::-webkit-scrollbar{width:8px}.selected-questions::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-sm);margin:2px}.selected-questions::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);border-radius:var(--radius-sm);border:1px solid var(--gray-200)}.selected-questions::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,var(--accent-hover) 100%);box-shadow:var(--shadow-sm)}.preview-item{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#fefefe);border:1px solid var(--gray-200);border-radius:var(--radius-lg);cursor:move;transition:all var(--transition-normal);position:relative;overflow:hidden}.preview-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(135deg,var(--success-color) 0%,var(--accent-color) 100%);transition:width var(--transition-normal)}.preview-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.preview-item:hover:before{width:4px}.preview-item:active{transform:translateY(0);box-shadow:var(--shadow-md)}.preview-item.dragging{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:2px dashed var(--accent-color);box-shadow:var(--shadow-xl);transform:rotate(2deg) scale(1.02)}.preview-item .question-number-badge{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:#fff;font-weight:700;font-size:.875rem;border-radius:50%;flex-shrink:0;box-shadow:var(--shadow-sm)}.preview-item .question-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.preview-item .question-title{font-size:.875rem;font-weight:600;color:var(--gray-800);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-item .question-subtitle{font-size:.75rem;color:var(--gray-500);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-item .question-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.preview-item .difficulty-badge{padding:.125rem .5rem;font-size:.625rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.preview-item .difficulty-easy{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid #86efac}.preview-item .difficulty-medium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24}.preview-item .difficulty-hard{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #f87171}.preview-item .difficulty-unknown{background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);color:var(--gray-600);border:1px solid var(--gray-300)}.preview-item .question-marks{font-size:.625rem;color:var(--gray-500);font-weight:500}.preview-item .drag-handle{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--gray-400);cursor:grab;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.preview-item .drag-handle:hover{background:var(--gray-100);color:var(--gray-600)}.preview-item .drag-handle:active{cursor:grabbing;background:var(--gray-200)}.preview-item .remove-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--gray-400);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.preview-item .remove-button:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);color:var(--danger-color);transform:scale(1.1)}.preview-item .remove-button:active{transform:scale(.95)}.selected-questions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;height:100%;min-height:200px}.selected-questions-empty .empty-icon{width:4rem;height:4rem;margin:0 auto 1rem;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray-400)}.selected-questions-empty .empty-title{font-size:.875rem;font-weight:600;color:var(--gray-600);margin:0 0 .25rem}.selected-questions-empty .empty-subtitle{font-size:.75rem;color:var(--gray-500);margin:0;line-height:1.4}.test-config-panel{background:linear-gradient(135deg,#fff,#fefefe);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.5rem 2rem;margin-bottom:2rem;position:relative;overflow:hidden}.test-config-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 100%)}.test-config-panel h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--gray-900)}.test-config-panel label{display:block;font-weight:500;color:var(--gray-700)}.test-config-panel input,.test-config-panel select{font-size:.875rem;font-weight:500}.test-config-panel input:focus,.test-config-panel select:focus{outline:none;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.test-config-panel input[type=number]::-webkit-outer-spin-button,.test-config-panel input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.test-config-panel input[type=number]{-moz-appearance:textfield;appearance:textfield}.tg-content{display:flex;gap:2rem;flex:1;align-items:flex-start;position:relative}.tg-left-panel{flex:2;max-width:none;display:flex;flex-direction:column;gap:1.5rem}.tg-right-panel{flex:1;display:flex;flex-direction:column;gap:1.5rem;min-width:400px;position:sticky;top:1rem;align-self:flex-start}.tg-create-form{background:linear-gradient(135deg,#fff,#fefefe);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden}.tg-create-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 100%)}.tg-create-form h3{font-size:1.5rem;color:var(--gray-900);margin:0 0 1rem;font-weight:700;letter-spacing:-.025em;display:flex;align-items:center;gap:.5rem}.tg-create-form h3:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);border-radius:2px;margin-right:.5rem}.tg-create-form label{display:flex;flex-direction:column;gap:.5rem;font-size:.95rem;color:var(--gray-700);font-weight:600}.tg-create-form input,.tg-create-form select{padding:.875rem 1rem;border-radius:var(--radius-lg);border:2px solid var(--gray-300);font-size:.95rem;height:auto;box-sizing:border-box;width:100%;transition:all var(--transition-normal);background:#fff!important}.tg-create-form input:-webkit-autofill,.tg-create-form input:-webkit-autofill:focus,.tg-create-form input:-webkit-autofill:hover,.tg-create-form input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;-webkit-text-fill-color:#495057!important;background-color:#fff!important;background:#fff!important}.tg-create-form input:focus,.tg-create-form select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;transform:translateY(-1px)}.tg-create-form input:hover,.tg-create-form select:hover{border-color:var(--gray-400)}.tg-create-form .filters{background-color:#f8f9fa;border-radius:6px;padding:16px;margin-top:8px;display:flex;flex-direction:column;gap:12px}.tg-create-form .filters h4{font-size:1.1rem;color:#343a40;margin:0 0 12px;font-weight:600}.tg-create-form .tab-info{margin-top:8px;padding:12px;background-color:#e8f4ff;border-radius:6px;color:#0056b3;font-size:.95rem}.tg-create-form button[type=submit]{margin-top:16px;padding:12px 24px;background-color:#0056b3;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px}.tg-create-form button[type=submit]:hover{background-color:#004494}.tg-create-form button[type=submit]:disabled{background-color:#6c757d;cursor:not-allowed}.tg-create-form .error{padding:12px;background-color:#f8d7da;color:#721c24;border-radius:6px;font-size:.95rem}.tg-create-form .success{padding:12px;background-color:#d4edda;color:#155724;border-radius:6px;font-size:.95rem}.test-summary-panel{background:linear-gradient(135deg,#fff,#fefefe);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2rem;position:relative;overflow:hidden}.test-summary-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--warning-color) 0%,var(--primary-color) 100%)}.test-summary-panel:after{content:"";position:absolute;bottom:-30px;left:-30px;width:60px;height:60px;background:linear-gradient(135deg,#f59e0b1a,#2563eb1a);border-radius:50%}.test-summary-panel h3{font-size:1.5rem;color:var(--gray-900);margin:0 0 1.5rem;font-weight:700;letter-spacing:-.025em;display:flex;align-items:center;gap:.75rem;position:relative;z-index:2}.test-summary-panel h3:before{content:"";width:6px;height:24px;background:linear-gradient(135deg,var(--warning-color) 0%,var(--primary-color) 100%);border-radius:3px;margin-right:.5rem}.test-summary-panel div.summary-item{margin-bottom:1rem;padding:.875rem;font-size:.95rem;color:var(--gray-600);display:flex;align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:all var(--transition-normal);position:relative;z-index:2}.test-summary-panel div.summary-item:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.test-summary-panel div.summary-item strong{font-weight:600;color:var(--gray-800);display:inline-block;width:140px;flex-shrink:0}.test-summary-panel div.summary-item span{flex:1;text-align:right;font-weight:600;color:var(--primary-color)}.paper-builder{background:linear-gradient(135deg,#fff,#fefefe);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:2rem;flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.paper-builder:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--success-color) 0%,var(--accent-color) 100%)}.paper-builder:after{content:"";position:absolute;top:-50px;right:-50px;width:100px;height:100px;background:linear-gradient(135deg,#10b9811a,#0ea5e91a);border-radius:50%}.paper-builder h3{font-size:1.5rem;color:var(--gray-900);margin:0 0 1.5rem;font-weight:700;letter-spacing:-.025em;display:flex;align-items:center;gap:.75rem;position:relative;z-index:2}.paper-builder h3:before{content:"";width:6px;height:24px;background:linear-gradient(135deg,var(--success-color) 0%,var(--accent-color) 100%);border-radius:3px;margin-right:.5rem}.paper-builder h4{font-size:1.125rem;color:var(--gray-800);margin:1.5rem 0 1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;position:relative;z-index:2}.paper-builder h4:before{content:"";width:3px;height:18px;background:linear-gradient(135deg,var(--success-color) 0%,var(--accent-color) 100%);border-radius:1.5px}.paper-builder .builder-list{flex:1;overflow-y:auto;position:relative;z-index:2;margin:0 -.5rem;padding:0 .5rem}.paper-builder .builder-list::-webkit-scrollbar{width:6px}.paper-builder .builder-list::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.paper-builder .builder-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--success-color) 0%,var(--accent-color) 100%);border-radius:3px}.paper-builder .mode-indicator,.mode-indicator{margin-bottom:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:1px solid rgba(14,165,233,.2);border-radius:var(--radius-lg);color:var(--accent-color);font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;position:relative;z-index:2}.paper-builder .question-list,.paper-builder .preview-list,.paper-builder .auto-question-list{list-style:none;padding:0;margin:0;border:1px solid #e9ecef;border-radius:6px;overflow:hidden}.paper-builder .question-item,.paper-builder .auto-question-item{padding:12px 16px;border-bottom:1px solid #e9ecef;color:#495057;font-size:.95rem;background-color:#fff}.paper-builder .question-item:last-child,.paper-builder .auto-question-item:last-child{border-bottom:none}.paper-builder .question-item:hover{background-color:#f8f9fa}.paper-builder .question-label{display:flex;align-items:flex-start;cursor:pointer;gap:10px}.paper-builder .question-checkbox{margin-top:3px}.paper-builder .question-text{flex:1;line-height:1.4}.paper-builder .question-number{display:inline-block;width:24px;font-weight:600;color:#495057}.paper-builder .builder-actions{margin:16px 0;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.paper-builder .action-button{padding:8px 16px;border-radius:4px;border:1px solid #ced4da;background-color:#fff;color:#495057;font-size:.9rem;cursor:pointer;transition:all .2s}.paper-builder .action-button:hover:not(:disabled){background-color:#f8f9fa}.paper-builder .action-button:disabled{opacity:.6;cursor:not-allowed}.paper-builder .save-button{padding:8px 16px;border-radius:4px;background-color:#0056b3;color:#fff;border:none;margin-left:auto;font-size:.9rem;cursor:pointer;transition:all .2s}.paper-builder .save-button:hover{background-color:#004494}.paper-builder .save-status{margin-left:10px;font-size:.9rem;color:#28a745}.paper-builder .auto-question-item{display:flex;gap:10px}.action-button,.save-button{position:relative;overflow:hidden;border-radius:var(--radius-lg);font-weight:600;transition:all var(--transition-normal);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.action-button{padding:.75rem 1.25rem;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid var(--gray-300);color:var(--gray-700)}.action-button:hover:not(:disabled){background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:var(--gray-400);transform:translateY(-2px);box-shadow:var(--shadow-md)}.save-button{padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);border:2px solid var(--primary-color);color:#fff;box-shadow:var(--shadow-md)}.save-button:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary-color) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.save-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.save-button:hover:before{left:100%}@keyframes fadeInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-in-right{animation:slideInRight .5s ease-out}.animate-fade-in-up{animation:fadeInUp .3s ease-out}.loading{position:relative;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--gray-300);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1200px){.tg-right-panel{min-width:350px}.paper-builder-container,.paper-builder{padding:1.5rem}}@media (max-width: 968px){.tg-content{flex-direction:column;gap:1.5rem}.tg-left-panel,.tg-right-panel{max-width:100%;min-width:auto;position:static}.generate-test-page{padding:1rem}.paper-builder-container,.paper-builder,.test-summary-panel,.tg-create-form{padding:1.25rem}}@media (max-width: 640px){.generate-test-page h2{font-size:1.5rem}.tabs{gap:2px;overflow-x:auto;padding-bottom:.5rem}.tab-button{padding:.75rem 1rem;font-size:.875rem;flex-shrink:0}.summary-item{font-size:.875rem}}html body div:first-child>div>div:nth-child(2)>main>div:nth-child(2)>div>div:not(.actions-group):not(.action-btn):not(.download-btn){margin:0!important;padding:0!important}body>div>div>div:nth-child(2)>main>div:nth-child(2)>div>div:not(.actions-group):not(.action-btn):not(.download-btn){margin:0!important;padding:0!important}main>div:nth-child(2)>div>div:not(.actions-group):not(.action-btn):not(.download-btn){margin:0!important}:root{--primary-color: #0ea5e9;--primary-hover: #0284c7;--secondary-color: #64748b;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--background-color: #f8fafc;--surface-color: #ffffff;--border-color: #e2e8f0;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: .75rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif}.test-paper-management-page{font-family:var(--font-family);min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;color:var(--text-primary);position:relative}.test-paper-management-page:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(135deg,#0ea5e908,#6366f10d);z-index:0}.test-paper-container{max-width:1400px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;gap:1.5rem}.test-paper-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.test-paper-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.75rem}.test-paper-title-icon{width:2rem;height:2rem;color:#eab308;flex-shrink:0}.create-paper-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.create-paper-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-hover) 0%,#0369a1 100%)}.create-paper-btn svg{width:1rem;height:1rem}.filters-card{background:var(--surface-color);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:0}.filter-label{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:-2rem}.filter-input,.filter-select{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);background:#fff;transition:all .2s ease;margin-top:-.25rem;height:2.5rem;line-height:1.5}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0ea5e91a}.search-group{grid-column:span 2;display:flex;flex-direction:column;gap:0}.search-group .filter-input{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem;margin-top:-.25rem}.search-actions-row{display:flex;align-items:flex-end;gap:1rem;grid-column:span 2}.search-actions-row .search-group{flex:1;grid-column:unset}.search-actions-row .filter-actions{display:flex;gap:.75rem;align-items:center;margin-bottom:0}.filter-actions{display:flex;gap:.75rem;justify-content:flex-end}.filter-btn{padding:.5rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.filter-btn-primary{background:var(--primary-color);color:#fff}.filter-btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.filter-btn-secondary{background:#f1f5f9;color:var(--text-secondary);border:1px solid var(--border-color)}.filter-btn-secondary:hover{background:#e2e8f0;transform:translateY(-1px)}.loading-message{text-align:center;padding:2rem;color:var(--text-secondary);font-style:italic}.error-message{background:#fef2f2;border:1px solid #fecaca;color:var(--error-color);padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem}.table-card{background:var(--surface-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.table-container{overflow-x:auto}.papers-table{width:100%;border-collapse:collapse;font-size:.875rem}.papers-table thead{background:#f8fafc}.papers-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.papers-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.papers-table td:last-child{width:200px;min-width:180px;white-space:nowrap;overflow:visible}.papers-table tbody tr{transition:background-color .2s ease}.papers-table tbody tr:hover{background-color:#f8fafc}.paper-name{font-weight:600;color:var(--text-primary);margin:0}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.draft{background-color:#fef3c7;color:#92400e}.status-badge.published{background-color:#dbeafe;color:#1e40af}.status-badge.scheduled{background-color:#e0e7ff;color:#4338ca}.status-badge.archived{background-color:#f3f4f6;color:#374151}.actions-group{display:flex!important;align-items:center;gap:.5rem;min-width:180px;justify-content:flex-start}.action-btn{display:inline-flex!important;align-items:center;justify-content:center;width:2rem!important;height:2rem!important;min-width:2rem!important;min-height:2rem!important;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease;background:transparent;visibility:visible!important;opacity:1!important;position:relative;z-index:10;margin:0!important;padding:0!important}.action-btn:hover{transform:translateY(-1px)}.action-btn svg{width:1rem!important;height:1rem!important;display:block!important;visibility:visible!important;opacity:1!important}.download-btn svg{width:.875rem!important;height:.875rem!important;display:block!important;visibility:visible!important;opacity:1!important}.action-btn-edit{color:var(--primary-color)}.action-btn-edit:hover{background:#0ea5e91a}.action-btn-schedule{color:var(--primary-color)}.action-btn-schedule:hover{background:#0ea5e91a}.action-btn-delete{color:var(--error-color)}.action-btn-delete:hover{background:#ef44441a}.download-btn{background:var(--success-color)!important;color:#fff!important;padding:.25rem .5rem!important;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:flex!important;align-items:center;gap:.25rem;visibility:visible!important;opacity:1!important;position:relative;z-index:10;min-width:auto!important;min-height:1.75rem!important}.download-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:var(--shadow-md)}.download-btn svg{width:.875rem;height:.875rem}@media (max-width: 1024px){.test-paper-management-page{padding:1.5rem}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.search-group{grid-column:span 1}.test-paper-header{flex-direction:column;align-items:stretch;gap:1rem}.filter-actions{justify-content:stretch}.filter-btn{flex:1}}@media (max-width: 768px){.test-paper-management-page{padding:1rem}.test-paper-title{font-size:1.5rem}.filters-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.actions-group{flex-wrap:wrap}.papers-table{font-size:.75rem}.papers-table th,.papers-table td{padding:.5rem .75rem}}@media (max-width: 640px){.test-paper-container{gap:1rem}.filters-card{padding:1rem}.action-btn{width:1.75rem;height:1.75rem}.download-btn{padding:.25rem .375rem;font-size:.625rem}}.table-card{animation:fadeIn .3s ease-out}.filters-card{animation:fadeIn .3s ease-out .1s both}.tenant-filter{font-weight:600;margin-top:-.25rem!important;height:2.5rem!important;line-height:1.5!important}.tenant-filter[style*=background-color]{background-color:#f0f9ff!important;border-color:#0ea5e9!important;box-shadow:0 0 0 3px #0ea5e91a}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-container{background:#fff;border-radius:var(--radius-xl);max-width:500px;width:100%;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-lg);animation:modalAppear .3s ease-out}@keyframes modalAppear{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.close-button{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:var(--radius-md);transition:all .2s ease;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#f1f5f9;color:var(--text-primary)}.form-container{padding:1.5rem;max-height:60vh;overflow-y:auto}.form-content,.edit-paper-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.form-control{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);background:#fff;transition:all .2s ease}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0ea5e91a}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color);background:#f8fafc}.btn{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-cancel{background:#fff;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-cancel:hover{background:#f1f5f9;transform:translateY(-1px)}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-top:1px solid var(--border-color);background:#f8fafc}.pagination-info{display:flex;align-items:center}.pagination-text{font-size:.875rem;color:var(--text-secondary)}.pagination-controls{display:flex;align-items:center;gap:.25rem}.pagination-btn{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease;min-width:2.5rem;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(.disabled){background:#f1f5f9;border-color:var(--primary-color)}.pagination-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-btn.disabled{opacity:.5;cursor:not-allowed;color:var(--text-muted)}@media (max-width: 640px){.modal-container{max-width:95%;margin:.5rem}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column}.pagination-container{flex-direction:column;gap:1rem;align-items:stretch}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-btn{padding:.5rem;font-size:.75rem;min-width:2rem}}.test-schedule-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;position:relative}.test-schedule-page:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(135deg,#2563eb08,#0ea5e90d);z-index:0}.schedule-container{width:100%;position:relative;z-index:1}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-left{flex:1}.header-right{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.schedule-title{font-size:2rem;font-weight:700;color:#1e293b;margin:0}html body div>div>div:nth-child(2)>main>div:nth-child(2)>div>div>div:first-child>div:nth-child(2)>button:first-child{margin:0!important}.header-btn{background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;height:44px;box-sizing:border-box;margin:0!important}.header-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026;background:linear-gradient(135deg,#475569,#334155)}.view-all-btn.header-btn{background:linear-gradient(135deg,#059669,#047857)}.view-all-btn.header-btn:hover{background:linear-gradient(135deg,#047857,#065f46)}.schedule-new-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a;height:44px;box-sizing:border-box;white-space:nowrap}.schedule-new-btn:hover{transform:translateY(-1px);box-shadow:0 6px 8px -1px #00000026}.schedule-new-btn svg{width:1rem;height:1rem}.schedule-main-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem;margin-bottom:2rem;align-items:start}@media (max-width: 1024px){.schedule-main-grid{grid-template-columns:1fr;gap:1.5rem}}.schedule-calendar-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.calendar-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.calendar-nav{display:flex;gap:.5rem}.calendar-nav-btn{padding:.25rem;border:none;background:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s}.calendar-nav-btn:hover{background-color:#f1f5f9}.calendar-nav-btn svg{width:1.5rem;height:1.5rem;color:#64748b}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:1rem}.calendar-day-header{text-align:center;font-weight:500;color:#64748b;padding:.5rem}.calendar-day{text-align:center;padding:.5rem .25rem;border-radius:.25rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;min-height:2.5rem;display:flex;align-items:center;justify-content:center;font-weight:500}.calendar-day:hover{background-color:#f1f5f9;transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.calendar-day.selected{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:600;box-shadow:0 4px 6px -1px #4f46e54d}.calendar-day.selected:hover{transform:scale(1.05);box-shadow:0 6px 8px -1px #4f46e566}.calendar-day.other-month{color:#94a3b8;opacity:.6}.calendar-day.has-test:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:1rem;height:.25rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:9999px;animation:pulse 2s infinite}.calendar-day.selected.has-test:after{background:#fffc}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.today-schedule-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;height:fit-content;position:sticky;top:2rem}.today-schedule{margin:0;padding:0}.today-schedule-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.today-tests{display:flex;flex-direction:column;gap:1rem}.today-test-item{display:flex;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);padding:1rem;border-radius:.5rem;border-left:4px solid #4f46e5}.today-test-item.green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-left-color:#10b981}.test-time-info{margin-right:1rem;text-align:center;min-width:80px}.test-time{font-size:.875rem;font-weight:600;color:#4f46e5}.test-time.green{color:#10b981}.test-duration{font-size:.75rem;color:#6366f1;margin-top:.125rem}.test-duration.green{color:#059669}.test-details h4{font-weight:600;color:#1e293b;margin:0 0 .25rem}.test-batch{font-size:.875rem;color:#64748b;margin:0 0 .25rem}.test-students{font-size:.875rem;color:#64748b;margin:0}.upcoming-tests-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;height:fit-content}.upcoming-tests-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem}.upcoming-tests-list{display:flex;flex-direction:column;gap:1rem}.upcoming-test-item{padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.upcoming-test-item:last-child{border-bottom:none;padding-bottom:0}.test-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.test-name{font-weight:600;color:#1e293b;margin:0}.test-date{font-size:.875rem;font-weight:600;color:#4f46e5}.test-timing{font-size:.875rem;color:#64748b;margin:0 0 .75rem}.test-meta{display:flex;align-items:center;gap:.75rem}.test-status{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.test-status.ready{background-color:#dcfce7;color:#166534}.test-status.not-ready{background-color:#fef3c7;color:#92400e}.test-status.not-published{background-color:#fecaca;color:#991b1b}.test-student-count{font-size:.75rem;color:#64748b}.view-all-btn{width:100%;background:#f8fafc;color:#4f46e5;border:1px solid #e2e8f0;padding:.75rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1.5rem}.view-all-btn:hover{background:#f1f5f9;border-color:#4f46e5}.schedule-form-section{background:#fff;border-radius:1rem;padding:2rem;margin-top:2rem;box-shadow:0 4px 6px -1px #0000001a;text-align:left;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.form-section-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0;text-align:left}.schedule-form{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:none;align-items:stretch}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;width:100%}.form-grid.two-column{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-grid.three-column{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-grid.four-column{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.form-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:24px;margin:20px 0;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;width:100%;box-sizing:border-box;overflow:hidden}.form-section:hover{box-shadow:0 4px 16px #00000014;border-color:#cbd5e1}.form-section-header{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:20px;display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.form-section-icon{width:24px;height:24px;color:#3b82f6;background:#dbeafe;border-radius:50%;padding:4px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.form-row.timing{grid-template-columns:1fr 1fr auto}.form-row.settings{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media (max-width: 768px){.form-grid,.form-grid.two-column,.form-grid.three-column,.form-grid.four-column{grid-template-columns:1fr;gap:1rem}.form-row,.form-row.timing,.form-row.settings{grid-template-columns:1fr}.form-section{padding:16px;margin:16px 0}.schedule-form{gap:1rem}}@media (max-width: 480px){.form-grid,.form-grid.two-column,.form-grid.three-column,.form-grid.four-column{grid-template-columns:1fr;gap:.75rem}.form-section{padding:12px;margin:12px 0;border-radius:8px}}.form-group{display:flex;flex-direction:column;margin-bottom:8px;width:100%;min-width:0}.form-label{font-weight:600;color:#374151;margin-bottom:6px;font-size:.875rem;line-height:1.2;text-align:left}.form-input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff;height:44px;box-sizing:border-box;width:100%;min-width:0}.form-textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff;resize:vertical;min-height:80px;box-sizing:border-box;font-family:inherit;width:100%;min-width:0}.form-select{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff;cursor:pointer;height:44px;box-sizing:border-box;width:100%;min-width:0}.form-select.multi-select{min-height:100px;height:auto}.form-checkbox-group{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease;min-height:44px;box-sizing:border-box}.form-checkbox-group:hover{border-color:#cbd5e1;background:#f9fafb}.form-checkbox{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer;flex-shrink:0}.form-checkbox-label{font-weight:500;color:#374151;cursor:pointer;margin:0;font-size:.875rem;line-height:1.3}.form-help-text{font-size:.75rem;color:#6b7280;margin-top:4px;font-style:italic}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.form-submit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d;margin-top:20px;margin-right:auto;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;position:relative;overflow:hidden;width:fit-content}.form-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.form-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.form-submit-btn:hover:before{left:100%}.form-submit-btn:active{transform:translateY(0)}.form-submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000001a}.form-submit-btn:disabled:before{display:none}.scheduled-tests-section{background:#fff;border-radius:1rem;padding:2rem;margin-top:2rem;box-shadow:0 4px 6px -1px #0000001a}.scheduled-tests-header{margin-bottom:1.5rem}.scheduled-tests-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.scheduled-tests-title .search-icon{position:static;transform:none;width:1.25rem;height:1.25rem;color:#4f46e5;pointer-events:none}.table-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.search-container{position:relative;flex:1;max-width:400px}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;transition:all .2s;background:#fff}.search-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.search-container .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#6b7280;pointer-events:none}.results-info{display:flex;align-items:center;gap:1rem}.search-results{font-size:.875rem;color:#6b7280;font-weight:500}.schedules-table{width:100%;border-collapse:collapse;margin-top:1rem;background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.schedules-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.schedules-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0;position:relative}.schedules-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.schedules-table th.sortable:hover{background-color:#f8fafc;color:#4f46e5}.schedules-table th.sorted{background-color:#f1f5f9;color:#4f46e5}.sort-indicator{margin-left:.5rem;font-weight:700;color:#4f46e5}.schedules-table td{padding:1rem;border-bottom:1px solid #e2e8f0;color:#4b5563}.schedules-table tbody tr{transition:background-color .2s}.schedules-table tbody tr:hover{background-color:#f9fafb}.status-upcoming{color:#7c3aed;font-weight:600}.status-active{color:#10b981;font-weight:600}.status-completed{color:#6b7280;font-weight:600}.status-cancelled{color:#ef4444;font-weight:600}.schedule-actions{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn{padding:.5rem .75rem;border:none;border-radius:.375rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-edit,.action-btn.btn-edit{background:#f3f4f6!important;color:#374151!important;border:1px solid #d1d5db!important}.btn-edit:hover,.action-btn.btn-edit:hover{background:#e5e7eb!important}.btn-publish,.action-btn.btn-publish{background:#10b981!important;color:#fff!important;border:none!important}.btn-publish:hover,.action-btn.btn-publish:hover{background:#059669!important}.btn-unpublish,.action-btn.btn-unpublish{background:#6b7280!important;color:#fff!important;border:none!important}.btn-unpublish:hover,.action-btn.btn-unpublish:hover{background:#4b5563!important}.btn-cancel,.action-btn.btn-cancel{background:#f59e0b!important;color:#fff!important;border:none!important}.btn-cancel:hover,.action-btn.btn-cancel:hover{background:#d97706!important}.btn-notify,.action-btn.btn-notify{background:#06b6d4!important;color:#fff!important;border:none!important}.btn-notify:hover,.action-btn.btn-notify:hover{background:#0891b2!important}.btn-delete,.action-btn.btn-delete{background:#ef4444!important;color:#fff!important;border:none!important}.btn-delete:hover,.action-btn.btn-delete:hover{background:#dc2626!important}.tenant-selector{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:0;background:transparent}.tenant-selector label{font-size:2rem;font-weight:700;color:#1e293b;margin:0;white-space:nowrap}.tenant-selector select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;background:#fff;min-width:300px;max-width:400px}.tenant-selector select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.empty-state{padding:3rem 2rem;text-align:center;color:#6b7280;background:#f9fafb;border:2px dashed #d1d5db;border-radius:.5rem;margin:1rem 0}.tenant-message{padding:1rem 1.5rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:.5rem;color:#92400e;font-weight:500;margin-bottom:2rem;margin-top:.5rem}@media (max-width: 768px){.test-schedule-page{padding:1rem}.schedule-header{flex-direction:column;gap:1rem;align-items:stretch}.schedule-title{font-size:1.5rem}.schedule-main-grid{gap:1rem}.today-schedule-card{position:static;margin-top:0}.schedule-calendar-card,.upcoming-tests-card,.schedule-form-section,.scheduled-tests-section{padding:1rem}.schedule-form-section{margin-top:1rem}.form-section-title{font-size:1.25rem;margin-bottom:1rem}.schedules-table{font-size:.875rem}.schedules-table th,.schedules-table td{padding:.5rem}.table-controls{flex-direction:column;align-items:stretch;gap:1rem}.search-container{max-width:none}.results-info{justify-content:center}.schedule-actions{flex-direction:column}.tenant-selector{flex-direction:column;align-items:flex-start;gap:.5rem}.tenant-selector label{font-size:1.5rem}.tenant-selector select{width:100%;min-width:unset;max-width:unset}}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #f3f4f6;border-radius:50%;border-top-color:#4f46e5;animation:spin 1s ease-in-out infinite;margin-right:.5rem}.toast-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px}.toast{background:#fff;border-radius:.5rem;padding:1rem 1.5rem;box-shadow:0 10px 25px -5px #0000001a;border-left:4px solid #10b981;min-width:300px;animation:slideInRight .3s ease-out}.toast.error{border-left-color:#ef4444}.toast.warning{border-left-color:#f59e0b}.toast-title{font-weight:600;color:#1e293b;margin-bottom:.25rem}.toast-message{color:#64748b;font-size:.875rem}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.form-input:focus,.form-textarea:focus,.form-select:focus{transform:translateY(-2px)}.form-input:invalid{border-color:#ef4444;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-checkbox:checked{animation:checkmark .3s ease-in-out}@keyframes checkmark{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.schedule-calendar-card,.upcoming-tests-card,.schedule-form-section,.scheduled-tests-section{transition:all .3s cubic-bezier(.4,0,.2,1)}.schedule-calendar-card:hover,.upcoming-tests-card:hover,.schedule-form-section:hover,.scheduled-tests-section:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a}.schedule-new-btn,.form-submit-btn,.view-all-btn{position:relative;overflow:hidden}.schedule-new-btn:before,.form-submit-btn:before,.view-all-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.schedule-new-btn:active:before,.form-submit-btn:active:before,.view-all-btn:active:before{width:300px;height:300px}.schedules-table tbody tr{animation:fadeInUp .3s ease-out}.schedules-table tbody tr:nth-child(2n){animation-delay:.1s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.test-status{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.schedule-header{flex-direction:column;align-items:stretch;gap:1rem}.header-left{text-align:center}.header-right{justify-content:center;flex-wrap:wrap;gap:.75rem}.header-btn{padding:.625rem 1rem;font-size:.8rem}.schedule-new-btn{padding:.75rem 1.25rem;font-size:.875rem}.schedule-title{font-size:1.75rem}}@media (max-width: 480px){.header-right{flex-direction:column}.header-btn,.schedule-new-btn{width:100%;justify-content:center}}.test-schedule-page{animation:pageSlideIn .5s ease-out}.schedule-header{animation:pageSlideIn .6s ease-out .1s both}.schedule-main-grid{animation:pageSlideIn .7s ease-out .2s both}.schedule-form-section{animation:pageSlideIn .8s ease-out .3s both}.scheduled-tests-section{animation:pageSlideIn .9s ease-out .4s both}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html body div:first-child>div>div:nth-child(2)>main>div:nth-child(2)>div{margin:0!important;padding:0!important}body>div>div>div:nth-child(2)>main>div:nth-child(2)>div{margin:0!important;padding:0!important}main>div:nth-child(2)>div{margin:0!important}:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--secondary-color: #6b7280;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--background-color: #f8fafc;--surface-color: #ffffff;--border-color: #e5e7eb;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif}.batch-management-page{font-family:var(--font-family);background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;padding:1.5rem;padding-left:0;margin-left:0;color:var(--text-primary);width:100%;box-sizing:border-box}.page-header{margin-bottom:2rem}.header-content{max-width:1200px;margin:0;margin-left:1.5rem}.page-title{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.2}.page-description{font-size:1.125rem;color:var(--text-secondary);margin:0;max-width:42rem}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;max-width:1200px;margin-left:auto;margin-right:auto}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:var(--error-color)}.alert-success{background-color:#ecfdf5;border:1px solid #a7f3d0;color:var(--success-color)}.alert-icon{flex-shrink:0;margin-top:.125rem}.alert-content p{margin:0;font-weight:500}.card{background-color:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);overflow:hidden;transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-lg)}.card-header{padding:1.5rem;border-bottom:1px solid var(--border-color);background-color:#fafafa}.card-header-content{display:flex;align-items:center;justify-content:space-between}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.card-icon{color:var(--primary-color)}.card-content{padding:1.5rem}.tenant-selector{max-width:1200px;margin:0 0 2rem 1.5rem}@media (min-width: 1201px){.tenant-selector{max-width:none;width:calc(100% - 3rem);margin:0 1.5rem 2rem}}.batch-management-grid{width:100%;margin:0;padding-left:1.5rem;padding-right:1.5rem;display:grid;grid-template-columns:500px 1fr;gap:2rem;box-sizing:border-box}@media (min-width: 1201px){.batch-management-grid{max-width:none;width:100vw;margin-left:0;padding-left:1.5rem;padding-right:1.5rem}.batch-management-page{width:100vw;margin-left:0;padding-left:0}.header-content{max-width:none;width:100%;margin-left:1.5rem;margin-right:1.5rem}}@media (max-width: 1200px){.batch-management-grid{grid-template-columns:450px 1fr;gap:1.5rem}}@media (max-width: 1024px){.batch-management-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 640px){.batch-management-page{padding:1rem}.page-title{font-size:1.875rem}.batch-management-grid{gap:1rem}}.batch-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:500;color:var(--text-primary);font-size:.875rem}.form-label.required:after{content:" *";color:var(--error-color)}.form-input,.form-textarea,.form-select,.form-multiselect{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;transition:all .2s ease;background-color:var(--surface-color)}.form-input:focus,.form-textarea:focus,.form-select:focus,.form-multiselect:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-multiselect{min-height:180px;padding:.5rem;width:100%}.form-multiselect::-webkit-scrollbar{width:6px;height:6px}.form-multiselect::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.form-multiselect::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.form-multiselect::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.form-multiselect option{padding:.75rem .5rem;border-radius:var(--radius-sm);margin:.125rem 0;line-height:1.4;white-space:normal;word-wrap:break-word;min-height:2.5rem;display:flex;align-items:center}.form-multiselect option:checked{background-color:var(--primary-color);color:#fff}.student-selector{position:relative;width:100%}.selected-count{position:absolute;top:.75rem;right:.75rem;background-color:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;pointer-events:none;box-shadow:var(--shadow-sm);z-index:1}.form-help{font-size:.75rem;color:var(--text-muted);margin:0}.form-label-with-icon{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.label-search-icon{color:var(--primary-color);display:flex;align-items:center}.student-search-container{margin-bottom:.75rem}.search-input-wrapper{position:relative;display:flex;align-items:center}.student-search-input{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;transition:all .2s ease;background-color:var(--surface-color)}.student-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.student-search-input::placeholder{color:var(--text-muted)}.clear-search-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-search-btn:hover{background-color:#f3f4f6;color:var(--error-color)}.clear-search-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.search-results-info{margin-top:.5rem;font-size:.75rem;color:var(--text-secondary);padding:.5rem;background-color:#f8fafc;border-radius:var(--radius-sm);text-align:center}.student-actions{display:flex;gap:.5rem;margin-top:.75rem;justify-content:center}.student-action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:var(--surface-color);color:var(--text-secondary)}.student-action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.student-action-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.student-action-btn.select-all{color:var(--primary-color);border-color:var(--primary-color)}.student-action-btn.select-all:hover{background-color:var(--primary-color);color:#fff}.student-action-btn.clear-all{color:var(--error-color);border-color:#fecaca}.student-action-btn.clear-all:hover{background-color:var(--error-color);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:var(--secondary-color)}.btn-loading{pointer-events:none}.btn-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.form-actions{display:flex;gap:.75rem;margin-top:.5rem}.batch-count{background-color:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.loading-spinner{width:2rem;height:2rem;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.empty-icon{color:var(--text-muted);margin-bottom:1rem}.empty-state h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.empty-state p{margin:0}.batch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}@media (max-width: 768px){.batch-grid{grid-template-columns:1fr}}.batch-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;animation:fadeIn .3s ease-out}.batch-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.batch-card-header{padding:1.25rem;background-color:#fafafa;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.batch-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.batch-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.student-badge{display:flex;align-items:center;gap:.25rem;background-color:var(--primary-color);color:#fff;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;flex-shrink:0}.batch-actions{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;background-color:transparent}.edit-btn{color:var(--secondary-color)}.edit-btn:hover{background-color:#f3f4f6;color:var(--primary-color)}.delete-btn{color:var(--secondary-color)}.delete-btn:hover{background-color:#fef2f2;color:var(--error-color)}.batch-card-content{padding:1.25rem}.batch-description{color:var(--text-secondary);margin:0 0 1.25rem;font-size:.875rem;line-height:1.5}.batch-students{margin-bottom:1rem}.students-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.student-list-container{display:flex;flex-direction:column;gap:.5rem}.student-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.student-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:#f9fafb;border-radius:var(--radius-sm);font-size:.875rem}.student-avatar{width:1.75rem;height:1.75rem;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.student-name{color:var(--text-primary);font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.more-students{font-size:.75rem;color:var(--text-muted);text-align:center;padding:.5rem;background-color:#f3f4f6;border-radius:var(--radius-sm)}.no-students{color:var(--text-muted);font-size:.875rem;font-style:italic;margin:0;text-align:center;padding:1rem;background-color:#f9fafb;border-radius:var(--radius-sm)}.batch-card-footer{padding:1rem 1.25rem;background-color:#fafafa;border-top:1px solid var(--border-color)}.batch-metadata{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}.metadata-item{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.metadata-item.updated{color:var(--success-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.batch-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.batch-info{width:100%}.batch-actions{align-self:flex-end}.batch-metadata{flex-direction:column;align-items:flex-start;gap:.5rem}}.btn:focus-visible,.action-btn:focus-visible,.form-input:focus-visible,.form-textarea:focus-visible,.form-select:focus-visible,.form-multiselect:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.test-results-analytics-modern{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-width:100%;margin:0 auto}:root{--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--sky-100: #e0f2fe;--sky-500: #0ea5e9;--sky-600: #0284c7;--green-100: #dcfce7;--green-600: #16a34a;--red-100: #fee2e2;--red-500: #ef4444;--red-600: #dc2626;--amber-100: #fef3c7;--amber-500: #f59e0b}.flex{display:flex}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-2>*+*{margin-top:.5rem}.space-y-8>*+*{margin-top:2rem}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:mt-0{margin-top:0}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pl-3{padding-left:.75rem}.pr-10{padding-right:2.5rem}.w-full{width:100%}.h-80{height:20rem}.h-96{height:24rem}.block{display:block}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl,.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-slate-400{color:var(--slate-400)}.text-slate-500{color:var(--slate-500)}.text-slate-600{color:var(--slate-600)}.text-slate-700{color:var(--slate-700)}.text-slate-800{color:var(--slate-800)}.bg-white{background-color:#fff}.bg-slate-50{background-color:var(--slate-50)}.border{border:1px solid #e5e7eb}.border-slate-300{border:1px solid var(--slate-300)}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.shadow-sm{box-shadow:0 1px 2px #0000000d}.list-disc{list-style-type:disc}.list-inside{list-style-position:inside}.test-results-analytics-modern select{appearance:none;background-color:#fff;border:1px solid var(--slate-300);border-radius:.375rem;padding:.5rem 2.5rem .5rem .75rem;font-size:.875rem;line-height:1.25rem;color:var(--slate-700);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.test-results-analytics-modern select:hover{border-color:var(--slate-400)}.test-results-analytics-modern select:focus{outline:none;border-color:var(--sky-500);box-shadow:0 0 0 3px #0ea5e91a}.test-results-analytics-modern label{display:block;font-size:.875rem;font-weight:500;color:var(--slate-700);margin-bottom:.25rem}.chart-container{position:relative;width:100%;height:100%}.chart-title{font-size:1.125rem;font-weight:600;color:var(--slate-800);margin-bottom:1rem;margin-top:0;text-align:center;padding:.5rem 0;border-bottom:1px solid var(--slate-200)}.chart-container canvas{max-width:100%!important;height:auto!important}.test-results-analytics-modern .bg-slate-50{background-color:var(--slate-50);border:1px solid var(--slate-200)}.test-results-analytics-modern .text-slate-500{color:var(--slate-500);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.test-results-analytics-modern .text-2xl{font-size:1.875rem;font-weight:700;color:var(--slate-800);line-height:1.2}.test-results-analytics-modern h1{color:var(--slate-800);font-weight:700;font-size:1.875rem;line-height:1.2;margin-bottom:.5rem}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:var(--slate-500)}.error-message{background-color:var(--red-100);border:1px solid #fecaca;color:var(--red-600);padding:1rem;border-radius:.375rem;text-align:center;font-weight:500}.focus\:outline-none:focus{outline:none}.focus\:ring-sky-500:focus{box-shadow:0 0 0 3px #0ea5e91a}.focus\:border-sky-500:focus{border-color:var(--sky-500)}.test-results-analytics-modern ::-webkit-scrollbar{width:6px}.test-results-analytics-modern ::-webkit-scrollbar-track{background:var(--slate-100);border-radius:3px}.test-results-analytics-modern ::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:3px}.test-results-analytics-modern ::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}.test-results-analytics-modern *{transition:all .15s ease-in-out}.test-results-analytics-modern button,.test-results-analytics-modern select,.test-results-analytics-modern input{box-sizing:border-box}.test-results-analytics-modern .bg-white.p-6.rounded-xl.shadow-sm.border{margin-top:2rem}.test-results-analytics-modern .bg-white.p-6.rounded-xl.shadow-sm.border h3{color:var(--slate-800);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.test-results-analytics-modern .bg-white.p-6.rounded-xl.shadow-sm.border h4{color:var(--slate-700);font-weight:600;margin-bottom:.75rem}.test-results-analytics-modern .bg-white.p-6.rounded-xl.shadow-sm.border ul{color:var(--slate-600);padding-left:0}.test-results-analytics-modern .bg-white.p-6.rounded-xl.shadow-sm.border li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.test-results-analytics-modern .bg-white.p-6.rounded-xl.shadow-sm.border li:before{content:"•";color:var(--slate-400);position:absolute;left:0}.take-test-container{display:flex;height:calc(100vh - 64px);overflow:hidden}.test-content{flex:1;padding:20px;overflow-y:auto}.test-sidebar{width:320px;background-color:#f5f5f5;padding:20px;overflow-y:auto;border-left:1px solid #e0e0e0;display:flex;flex-direction:column}.test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.test-title{margin:0;font-size:1.5rem}.test-timer{display:flex;align-items:center;background-color:#fff;padding:10px 15px;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.timer-icon{margin-right:10px;color:#f44336}.timer-countdown{font-size:1.2rem;font-weight:700}.timer-warning{color:#f44336;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.question-container{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.question-header{display:flex;justify-content:space-between;margin-bottom:15px}.question-info{display:flex;flex-direction:column}.question-number{font-weight:700;font-size:1.1rem;margin-bottom:5px}.question-metadata{font-size:.9rem;color:#666}.question-marks{background-color:#e3f2fd;color:#1976d2;font-weight:700;padding:5px 10px;border-radius:4px;display:flex;align-items:center;justify-content:center}.question-text{font-size:1.1rem;margin-bottom:20px;line-height:1.5}.options-container{display:flex;flex-direction:column;gap:10px}.option-item{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;transition:all .2s ease}.option-item:hover{background-color:#f5f5f5}.option-item.selected{background-color:#e3f2fd;border-color:#2196f3}.option-label{min-width:28px;height:28px;border-radius:50%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;font-weight:700}.option-text{flex:1;line-height:1.4;padding-top:4px}.question-navigation{display:flex;justify-content:space-between;margin-top:30px}.question-buttons{display:flex;gap:10px}.sidebar-title{font-size:1.2rem;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:30px}.grid-item{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;font-weight:700;background-color:#fff;border:1px solid #e0e0e0;transition:all .2s ease}.grid-item:hover{background-color:#f5f5f5}.grid-item.current{border:2px solid #2196f3}.grid-item.answered{background-color:#4caf50;color:#fff}.grid-item.marked{background-color:#ff9800;color:#fff}.grid-item.not-visited{background-color:#f5f5f5}.sidebar-legend{margin-top:auto;padding-top:20px}.legend-title{font-weight:700;margin-bottom:10px}.legend-items{display:grid;grid-template-columns:1fr 1fr;gap:10px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem}.legend-color{width:20px;height:20px;border-radius:4px}.legend-answered{background-color:#4caf50}.legend-not-answered{background-color:#fff;border:1px solid #e0e0e0}.legend-marked{background-color:#ff9800}.legend-not-visited{background-color:#f5f5f5}.legend-current{border:2px solid #2196f3;background-color:#fff}.submit-test-button{margin-top:20px;width:100%;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease}.submit-test-button:hover{background-color:#388e3c}.submit-test-button:disabled{background-color:#a5d6a7;cursor:not-allowed}.submit-warning{color:#f44336;font-size:.9rem;margin-top:10px;text-align:center}.confirmation-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;pointer-events:auto}.dialog-content{background-color:#fff;padding:30px;border-radius:8px;width:400px;max-width:90%;box-shadow:0 4px 20px #00000026}.dialog-title{font-size:1.3rem;margin-bottom:15px;color:#333}.dialog-message{margin-bottom:20px;line-height:1.5}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px}.dialog-button{padding:8px 16px;border-radius:4px;font-weight:700;cursor:pointer!important;border:none;position:relative;z-index:2001;pointer-events:auto!important}.dialog-cancel{background-color:#f5f5f5;color:#333}.dialog-confirm.submit{background-color:#4caf50;color:#fff;transition:background-color .2s}.dialog-confirm.submit:hover{background-color:#3d8b40}.dialog-confirm{background-color:#f44336;color:#fff}.dialog-confirm.submit{background-color:#4caf50}.review-list{margin-top:20px}.review-item{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #e0e0e0}.review-item:last-child{border-bottom:none}.review-status{font-weight:700}.status-answered{color:#4caf50}.status-not-answered{color:#f44336}.status-marked{color:#ff9800}@media (max-width: 768px){.take-test-container{flex-direction:column;height:auto}.test-sidebar{width:100%;border-left:none;border-top:1px solid #e0e0e0;order:-1;margin-bottom:20px}.question-grid{grid-template-columns:repeat(6,1fr)}.test-header{flex-direction:column;align-items:flex-start;gap:10px}.question-navigation{flex-direction:column;gap:10px}.question-buttons{width:100%;justify-content:space-between}.question-container{padding:15px}.question-header{flex-direction:column;align-items:flex-start;gap:10px}.dialog-content{width:90%;max-width:100%;padding:20px}.sidebar-legend{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background-color:#fff;box-shadow:0 -2px 10px #0000001a;z-index:100;padding:10px}.mobile-nav-button{flex:1;padding:10px;text-align:center;border:none;background-color:transparent;font-weight:700;color:#666}.mobile-nav-button.active{color:#2196f3}}#root>div>div>div.question-navigation>button.dialog-button.dialog-confirm.submit{background-color:#4caf50;color:#fff;cursor:pointer;padding:10px 20px;border-radius:4px;font-weight:700;border:none;box-shadow:0 2px 4px #0003;transition:all .3s ease;z-index:9999;position:relative;pointer-events:all!important}#root>div>div>div.question-navigation>button.dialog-button.dialog-confirm.submit:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.dialog-button{pointer-events:all!important;cursor:pointer!important}.question-navigation{display:flex;justify-content:space-between;padding:15px;margin-top:20px;border-top:1px solid #e0e0e0;z-index:1000;position:relative}.results-container{max-width:1200px;margin:0 auto;padding:20px}.results-container .results-header{display:none!important}.results-container .test-content,.results-container div.test-content{width:100%!important;padding:0!important;margin-bottom:20px!important}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 0;border-bottom:1px solid #eee}.results-title{margin:0;font-size:1.8rem;color:#333;flex:1}.test-meta{display:flex;align-items:center;padding:8px 15px;background-color:#f5f7ff;border-radius:6px;font-weight:500}.test-duration{color:#2196f3;font-size:1rem}.results-score{display:flex;align-items:center}.score-circle{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f5f5f5;box-shadow:0 2px 8px #0000001a;border:4px solid;border-color:var(--score-color, #4caf50)}.score-circle[data-score=fail]{--score-color: #f44336}.score-circle[data-score=pass]{--score-color: #ff9800}.score-circle[data-score=good]{--score-color: #4caf50}.score-circle[data-score=excellent]{--score-color: #2196f3}.score-percentage{font-size:2rem;font-weight:700;color:#333}.score-fraction{font-size:1rem;color:#666}.results-metadata{display:flex;flex-wrap:wrap;gap:20px;background-color:#f9f9f9;padding:15px;border-radius:8px;margin-bottom:30px}.metadata-item{display:flex;flex-direction:column}.metadata-label{font-size:.9rem;color:#666;margin-bottom:5px}.metadata-value{font-size:1.1rem;font-weight:700;color:#333}.results-sections{display:grid;grid-template-columns:1fr;gap:30px}.results-section{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.section-title{font-size:1.3rem;margin-top:0;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee;color:#333}.topic-performance{display:flex;flex-direction:column;gap:15px}.topic-item{display:flex;align-items:center;gap:15px}.topic-name{width:150px;font-weight:700;color:#333}.topic-progress-container{flex:1;height:20px;background-color:#f5f5f5;border-radius:10px;overflow:hidden;position:relative}.topic-progress-bar{height:100%;background-color:#4caf50;border-radius:10px;transition:width .5s ease}.topic-percentage{position:absolute;right:10px;top:0;bottom:0;display:flex;align-items:center;font-weight:700;color:#333}.topic-fraction{width:60px;text-align:right;color:#666}.question-analysis{display:flex;flex-direction:column;gap:25px}.question-result{background-color:#f9f9f9;border-radius:8px;padding:20px;border-left:4px solid #ddd}.question-result.correct{border-left-color:#4caf50}.question-result.incorrect{border-left-color:#f44336}.question-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.question-number{font-weight:700;font-size:1.1rem;color:#333}.question-status{padding:5px 10px;border-radius:4px;font-size:.9rem;font-weight:700}.status-correct{color:#4caf50}.status-incorrect{color:#f44336}.question-text{font-size:1.1rem;margin-bottom:20px;line-height:1.5;color:#333}.options-analysis{display:flex;flex-direction:column;gap:10px}.result-option{padding:10px 15px;border-radius:4px;background-color:#fff;border:1px solid #ddd}.result-option.selected-correct{background-color:#e8f5e9;border-color:#4caf50}.result-option.selected-incorrect{background-color:#ffebee;border-color:#f44336}.result-option.correct-option{border-color:#4caf50;border-style:dashed}.option-content{display:flex;align-items:center;gap:10px}.option-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:700}.option-text{flex:1;line-height:1.4}.correct-answer-note{margin-top:15px;font-size:.9rem;color:#4caf50;font-style:italic}.results-actions{display:flex;justify-content:center;margin-top:40px}.back-button{padding:12px 24px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease}.back-button:hover{background-color:#1976d2}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 64px);text-align:center;padding:20px}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon{font-size:48px;color:#f44336;margin-bottom:20px}.error-message{color:#f44336;margin-bottom:20px}.retry-button{padding:10px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer}@media (max-width: 768px){.results-header{flex-direction:column;align-items:flex-start;gap:20px}.results-metadata{flex-direction:column;gap:10px}.topic-item{flex-direction:column;align-items:flex-start;gap:10px}.topic-name,.topic-progress-container{width:100%}.topic-fraction{width:100%;text-align:left}}#root>div>div.test-content>div.test-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:20px!important;padding:15px!important;border-bottom:2px solid #e0e0e0!important;background-color:#fff!important;box-shadow:0 2px 5px #0000000d!important;border-radius:8px!important}#root>div>div.test-content>div.test-header>h1{margin:0!important;font-size:24px!important;font-weight:600!important;color:#333!important;flex:1!important}#root>div>div.test-content>div.test-header>div{display:flex!important;align-items:center!important;padding:8px 15px!important;background-color:#f5f7ff!important;border-radius:6px!important;margin-left:20px!important}#root>div>div.test-content>div.test-header>div>span{color:#2196f3!important;font-size:1rem!important;font-weight:500!important}.test-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:20px!important;padding:15px!important;border-bottom:2px solid #e0e0e0!important;background-color:#fff!important;box-shadow:0 2px 5px #0000000d!important;border-radius:8px!important}.test-content{width:100%!important;padding:20px!important;margin-bottom:20px!important}#root>div>div.test-content>div.test-header>h1,.results-container .test-content .test-header h1,.test-header h1{margin:0!important;font-size:24px!important;font-weight:600!important;color:#fff!important;visibility:visible!important;display:block!important;position:relative!important;z-index:9999!important;text-shadow:none!important}#root>div>div.test-content>div.test-header,.results-container .test-content .test-header,.test-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:20px!important;padding:15px!important;background-color:#2196f3!important;visibility:visible!important;position:relative!important;z-index:9999!important;border-bottom:2px solid #1976d2!important;box-shadow:0 2px 5px #0003!important;border-radius:8px!important}#root>div>div.test-content>div.test-header>div,.results-container .test-content .test-header>div,.test-header>div{display:flex!important;align-items:center!important;padding:8px 15px!important;background-color:#fff!important;border-radius:6px!important;margin-left:20px!important;border:1px solid #f0f0f0!important;box-shadow:0 1px 3px #0000001a!important}#root>div>div.test-content>div.test-header>div>span,.results-container .test-content .test-header>div>span,.test-header>div>span{color:#2196f3!important;font-size:1rem!important;font-weight:500!important}.taxonomy-management{width:100%;max-width:100%;margin:0;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.taxonomy-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e2e8f0;position:relative}.taxonomy-header h2{margin:0 0 8px;color:#1e293b;font-size:1.75rem;font-weight:600}.taxonomy-header p{margin:0;color:#64748b;font-size:.95rem}.close-button{position:absolute;top:0;right:0;background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-button:hover{background:#f1f5f9;color:#1e293b}.message{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-weight:500}.message.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.taxonomy-tabs{display:flex;border-bottom:2px solid #f1f5f9;margin-bottom:24px}.taxonomy-tabs button{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;color:#64748b;font-weight:500;cursor:pointer;transition:all .2s ease}.taxonomy-tabs button:hover{color:#1e293b;background:#f8fafc}.taxonomy-tabs button.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#eff6ff}.loading{text-align:center;padding:40px;color:#64748b;font-size:1.1rem}.taxonomy-content{display:flex;gap:24px;min-height:600px}.taxonomy-sidebar{width:280px;background:#f8fafc;border-radius:8px;padding:20px;border:1px solid #e2e8f0}.sidebar-section{margin-bottom:24px}.sidebar-section h4{margin:0 0 12px;color:#1e293b;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sidebar-section button{display:block;width:100%;text-align:left;padding:10px 12px;background:none;border:none;color:#475569;cursor:pointer;border-radius:6px;margin-bottom:4px;transition:all .2s ease;font-size:.9rem}.sidebar-section button:hover{background:#e2e8f0;color:#1e293b}.sidebar-section button.active{background:#3b82f6;color:#fff;font-weight:500}.taxonomy-main{flex:1;min-height:600px}.section-content{height:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.section-header h3{margin:0;color:#1e293b;font-size:1.5rem;font-weight:600}.add-button{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s ease}.add-button:hover{background:#2563eb}.form-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:6px;color:#374151;font-weight:500;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:12px}.form-actions button{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.form-actions button[type=submit]{background:#10b981;color:#fff}.form-actions button[type=submit]:hover:not(:disabled){background:#059669}.form-actions button[type=submit]:disabled{background:#9ca3af;cursor:not-allowed}.form-actions button[type=button]{background:#6b7280;color:#fff}.form-actions button[type=button]:hover{background:#4b5563}.items-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;max-height:500px;overflow-y:auto;padding-right:8px}.item-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s ease}.item-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px #0000000d}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.item-header h4{margin:0 12px 0 0;color:#1e293b;font-size:1.1rem;font-weight:600;flex:1}.status{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status.active{background:#d1fae5;color:#065f46}.item-description{color:#64748b;font-size:.9rem;margin:8px 0;line-height:1.4}.item-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.item-meta span{background:#f1f5f9;color:#475569;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.mappings-content{padding:20px 0}.mapping-section h3{margin:0 0 8px;color:#1e293b;font-size:1.5rem;font-weight:600}.mapping-section p{margin:0 0 24px;color:#64748b;font-size:.95rem}.mapping-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:24px}.filter-row{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.filter-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;min-width:180px}.filter-group label{margin-bottom:6px;color:#374151;font-weight:500;font-size:.9rem}.filter-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;background:#fff}.filter-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-group select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.mapping-button{background:#8b5cf6;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500;font-size:.9rem;transition:background .2s ease;white-space:nowrap;align-self:flex-end}.mapping-button:hover:not(:disabled){background:#7c3aed}.mapping-button:disabled{background:#9ca3af;cursor:not-allowed}.mapping-preview{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.mapping-preview h4{margin:0 0 16px;color:#1e293b;font-size:1.2rem;font-weight:600}.mapping-tree{margin-left:0}.tree-level{margin-bottom:16px;padding-left:0}.tree-level strong{color:#374151;font-size:.95rem;display:block;margin-bottom:8px}.tree-level ul{margin:8px 0 0 20px;padding:0;list-style:none}.tree-level li{margin:4px 0;padding:6px 12px;background:#f8fafc;border-left:3px solid #3b82f6;border-radius:0 4px 4px 0;color:#475569;font-size:.9rem}.tree-level p{margin:8px 0 0 20px;color:#9ca3af;font-style:italic;font-size:.9rem}@media (max-width: 768px){.taxonomy-management{padding:16px}.taxonomy-content{flex-direction:column}.taxonomy-sidebar{width:100%;margin-bottom:20px}.sidebar-section{margin-bottom:16px}.sidebar-section button{display:inline-block;width:auto;margin-right:8px;margin-bottom:8px}.form-grid,.items-list{grid-template-columns:1fr}.filter-row{flex-direction:column;align-items:stretch}.filter-group{min-width:auto}.mapping-button{align-self:stretch;margin-top:8px}}@media (max-width: 480px){.taxonomy-header{flex-direction:column;align-items:stretch}.close-button{position:static;align-self:flex-end;margin-bottom:12px}.taxonomy-tabs{flex-direction:column}.taxonomy-tabs button{text-align:center}.section-header{flex-direction:column;align-items:stretch;gap:12px}.form-actions{flex-direction:column}}.mapping-instructions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:16px;margin-bottom:24px}.mapping-instructions strong{color:#374151;display:block;margin-bottom:8px}.mapping-instructions ul{margin:0;padding-left:20px;color:#4b5563}.mapping-instructions li{margin-bottom:4px;line-height:1.5}.manage-content{padding:20px 0}.manage-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e2e8f0}.manage-tabs button{padding:12px 20px;border:none;background:#f8fafc;color:#64748b;border-radius:6px 6px 0 0;cursor:pointer;font-weight:500;transition:all .2s}.manage-tabs button:hover{background:#e2e8f0;color:#374151}.manage-tabs button.active{background:#3b82f6;color:#fff}.items-table-container{background:#fff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}.items-table{width:100%}.items-table h4{margin:0;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;font-weight:600}.items-table table{width:100%;border-collapse:collapse}.items-table th,.items-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #f1f5f9}.items-table th{background:#f8fafc;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.025em}.items-table td{color:#64748b}.items-table tr:hover{background:#f8fafc}.status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status.active{background:#dcfce7;color:#166534}.status.inactive{background:#fee2e2;color:#991b1b}.row-actions,.edit-actions{display:flex;gap:8px}.edit-btn,.delete-btn,.save-btn,.cancel-btn{padding:6px 12px;border-radius:4px;border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.edit-btn{background:#3b82f6;color:#fff}.edit-btn:hover{background:#2563eb}.delete-btn{background:#ef4444;color:#fff}.delete-btn:hover{background:#dc2626}.save-btn{background:#10b981;color:#fff}.save-btn:hover{background:#059669}.cancel-btn{background:#6b7280;color:#fff}.cancel-btn:hover{background:#4b5563}.items-table input,.items-table select{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.items-table input:focus,.items-table select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#fff;position:sticky;top:0;z-index:10;transition:box-shadow .2s ease}.modal-header.scrolled{box-shadow:0 2px 4px #0000001a}.modal-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.close-button:hover{background-color:#f3f4f6;color:#374151}.close-button:disabled{opacity:.5;cursor:not-allowed}.form-container{flex:1;overflow-y:auto;padding:24px}.form-content{display:flex;flex-direction:column;gap:24px}.section-header{margin:24px 0 16px;padding-bottom:8px;border-bottom:2px solid #e9ecef}.section-header:first-child{margin-top:0}.section-title{margin:0;font-size:1.1rem;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.section-title.mandatory{color:#dc3545}.section-title.optional{color:#6c757d}.section-description{font-size:.85rem;color:#6c757d;margin-top:4px;display:block}.form-row{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.form-row{grid-template-columns:1fr 1fr}.form-row.full-width{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-weight:600;color:#374151;font-size:.875rem;display:flex;align-items:center;gap:8px}.form-label.mandatory{color:#dc3545}.form-input{border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;font-size:.875rem;transition:all .2s ease;background:#fff!important}.form-input:-webkit-autofill,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;-webkit-text-fill-color:#374151!important;background-color:#fff!important;background:#fff!important}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-input::placeholder{color:#9ca3af}.form-textarea{border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;font-size:.875rem;transition:all .2s ease;background:#fff;min-height:80px;resize:vertical;font-family:inherit}.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-select{border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;font-size:.875rem;transition:all .2s ease;background:#fff;cursor:pointer}.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-checkbox{width:16px;height:16px;margin-right:8px}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #e5e7eb;margin-top:24px}.button-primary{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.button-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.button-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.button-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:12px 24px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.button-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.button-secondary:disabled{opacity:.6;cursor:not-allowed}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{color:#ef4444;font-size:.75rem;margin-top:4px}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-container{max-height:95vh}.modal-header{padding:16px 20px}.modal-title{font-size:1.25rem}.form-container{padding:20px}.form-actions{flex-direction:column-reverse}.button-primary,.button-secondary{width:100%;justify-content:center}}.settings-page{padding:24px 0;max-width:100%;width:100%}.page-description{color:#666;margin-bottom:30px;font-size:.95rem}.settings-tabs{display:inline-flex;flex-wrap:wrap;gap:0;margin-bottom:20px;background:#181818;border-radius:24px;box-shadow:0 1px 4px #00000014;overflow:hidden;border:1px solid #232323;position:relative;width:fit-content}.tab-button{background-color:transparent;color:#c8a97e;border:none;border-right:1px solid #232323;padding:10px 32px;font-weight:600;font-size:1rem;transition:all .2s;cursor:pointer;min-width:120px}.tab-button:first-child{border-radius:24px 0 0 24px}.tab-button:last-child{border-right:none;border-radius:0 24px 24px 0}.tab-button.active{background-color:#c8a97e;color:#fff;position:relative;z-index:2}.settings-content{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 12px #0000000d;padding:1.5rem;min-height:500px}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.logo-upload-container{display:flex;flex-direction:column;margin-bottom:1rem}.logo-preview{width:120px;height:120px;border:1px dashed #d1d5db;border-radius:.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:.75rem}.logo-preview img{max-width:100%;max-height:100%}.logo-placeholder{color:#9ca3af;font-size:.875rem}.help-text{font-size:.75rem;color:#6b7280;margin-top:.375rem}.color-input-container{display:flex;align-items:center}.form-actions{margin-top:1.5rem;display:flex;justify-content:flex-end}.primary-button{background-color:#c8a97e;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:.375rem;font-weight:600;cursor:pointer;transition:background-color .2s}.primary-button:hover{background-color:#b09168}.primary-button:disabled{background-color:#d3c5ad;cursor:not-allowed}.error-message{background-color:#fee2e2;color:#b91c1c;padding:.75rem;border-radius:.375rem;margin-bottom:1.25rem}.success-message{background-color:#dcfce7;color:#166534;padding:.75rem;border-radius:.375rem;margin-bottom:1.25rem}@media (max-width: 768px){.settings-tabs{overflow-x:auto;white-space:nowrap}.tab-button{flex:none}}*{font-family:Inter,sans-serif}body{font-family:Inter,sans-serif;background-color:#f8fafc}aside .sidebar-item{background:transparent!important;border:none!important;box-shadow:none!important;margin:0!important;min-width:auto!important;min-height:auto!important;padding:.625rem 1rem!important;transition:background-color .2s,color .2s;width:100%!important}aside .sidebar-item:hover{background-color:#e0f2fe!important;color:#334155!important}aside .sidebar-item.active{background-color:#0ea5e9!important;color:#fff!important}