/* CduCodes V16.10 — global visual system */\n:root{--cdu-radius-sm:10px;--cdu-radius-md:16px;--cdu-radius-lg:24px;--cdu-shadow:0 24px 70px rgba(0,0,0,.16)}\n*,*::before,*::after{box-sizing:border-box}\nbutton,input,select,textarea{font:inherit}\nbutton,a,.btn,.cdu-nav-item,.stat-card,.admin-card,.problem-card,.collection-item{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}\nbutton:not(:disabled),.btn,a,.cdu-nav-item{cursor:pointer}\nbutton:hover:not(:disabled),.btn:hover,a:hover{filter:none}\n.problem-card-actions,.lesson-card-actions{position:relative;z-index:5}\n.problem-card-actions button,.lesson-card-actions button,.problem-action,.problem-action-btn{opacity:1!important;visibility:visible!important;display:inline-flex!important;position:relative;z-index:6}\n.problem-card-actions button:hover,.lesson-card-actions button:hover{opacity:1!important;visibility:visible!important;transform:translateY(-2px)}\n.problem-card-actions button:hover *,.lesson-card-actions button:hover *{opacity:1!important;visibility:visible!important}\n/* Native browser dialogs are avoided by the product UI; make fallback dialogs less jarring. */\nbody{scroll-behavior:smooth}\nbody.light-theme{color-scheme:light}\nbody:not(.light-theme){color-scheme:dark}\n/* consistent focus ring */\n:focus-visible{outline:2px solid var(--primary,#00e6a0);outline-offset:2px}\n/* custom selection */\n::selection{background:color-mix(in srgb,var(--primary,#00e6a0) 28%,transparent);color:var(--text,#fff)}\n/* equal-width admin filter trio */\n.transaction-filter-form,.admin-users-filters{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;gap:12px!important;align-items:end!important}\n.transaction-filter-form label,.admin-users-filters>*{min-width:0!important;width:100%!important}\n.transaction-filter-form select,.transaction-filter-form input,.admin-users-filters select,.admin-users-filters input{width:100%!important;min-width:0!important}\n/* modern themed date fields */\ninput[type=date]{min-height:44px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);padding:0 12px;font-weight:750}\ninput[type=date]:hover,input[type=date]:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 8%,transparent)}\n@media(max-width:900px){.transaction-filter-form,.admin-users-filters{grid-template-columns:1fr 1fr!important}}\n@media(max-width:620px){.transaction-filter-form,.admin-users-filters{grid-template-columns:1fr!important}}\n