*{box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizelegibility;--navy-950:#06142e;--navy-900:#081a3a;--navy-800:#0f2a5f;--navy-700:#163d7a;--navy-600:#1d4f91;--blue-500:#2563a6;--blue-400:#3b82c4;--blue-300:#67a8d8;--page-bg:#f4f7fb;--surface:#fff;--surface-soft:#f7faff;--border:#e2e8f0;--border-soft:#edf1f6;--text-main:#17233d;--text-secondary:#62708a;--text-muted:#8a96aa;--success:#15803d;--warning:#b45309;--danger:#b42318;--shadow-sm:0 4px 16px #081a3a0f;--shadow-md:0 12px 32px #081a3a17;--gradient-primary:linear-gradient(135deg, #081a3a 0%, #0f2a5f 48%, #2563a6 100%);--gradient-soft:linear-gradient(135deg, #eef4fb 0%, #f8fbff 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#071225;--surface:#0d1b31;--surface-soft:#10223d;--border:#203756;--border-soft:#172b46;--text-main:#edf4ff;--text-secondary:#aabbd3;--text-muted:#7387a5;--shadow-sm:0 4px 18px #00000038;--shadow-md:0 14px 36px #0000004d;--gradient-soft:linear-gradient(135deg, #0d1b31 0%, #112845 100%)}html,body,#root{min-height:100%;margin:0}body{background:var(--page-bg);min-width:320px;color:var(--text-main);transition:background-color .25s,color .25s}body,button,input,select,textarea{font-family:inherit}button,input,select,textarea{font-size:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.app-layout{background:var(--page-bg);width:100%;min-height:100vh;display:flex}.app-main{flex:1;min-width:0;margin-left:270px}.app-content{width:100%;max-width:1600px;margin:0 auto;padding:28px}.sidebar{z-index:100;background:var(--gradient-primary);color:#fff;flex-direction:column;width:270px;height:100vh;padding:18px 12px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden;box-shadow:8px 0 24px #06142e1f}.sidebar-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;min-height:64px;padding:4px 10px 16px;display:flex;position:relative}.sidebar-logo{background:#ffffff1f;border:1px solid #ffffff24;border-radius:12px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;overflow:hidden}.sidebar-logo img{object-fit:contain;width:100%;height:100%;padding:5px;display:block}.sidebar-brand-text{flex:1;min-width:0}.sidebar-brand h1{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:800;line-height:1.4;overflow:hidden}.sidebar-brand p{color:#ffffff9e;margin:3px 0 0;font-size:11px}.sidebar-close{display:none}.sidebar-nav{flex:1;min-height:0;padding:12px 2px 14px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}.sidebar-section{margin-top:16px}.sidebar-section:first-child{margin-top:0}.sidebar-section>p{color:#ffffff6b;letter-spacing:.1em;margin:0 10px 6px;font-size:9px;font-weight:800;line-height:1.3}.sidebar-link{color:#ffffffc2;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:40px;margin:2px 0;padding:8px 11px;font-size:12px;font-weight:500;transition:background-color .2s,color .2s,transform .2s;display:flex}.sidebar-link span:first-child{justify-content:center;align-items:center;width:20px;min-width:20px;font-size:14px;line-height:1;display:flex}.sidebar-link span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-link:hover{color:#fff;background:#ffffff17;transform:translate(1px)}.sidebar-link.active{color:#fff;background:#ffffff29;font-weight:700;box-shadow:inset 3px 0 #fff}.sidebar-user{border-top:1px solid #ffffff1f;align-items:center;gap:10px;width:100%;padding:12px 8px 8px;display:flex}.sidebar-user-avatar{color:#fff;background:#ffffff24;border:1px solid #ffffff24;border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:flex}.sidebar-user-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar-user-info strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.35;display:block;overflow:hidden}.sidebar-user-info span{color:#ffffff8f;text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.sidebar-developer{color:#ffffff61;flex-shrink:0;padding:4px 8px 0;font-size:9px;line-height:1.4}.sidebar-developer strong{color:#ffffffa8;font-weight:700}.app-header{z-index:50;background:color-mix(in srgb, var(--surface) 96%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;min-height:76px;padding:14px 28px;display:flex;position:sticky;top:0}.header-left,.header-right{align-items:center;display:flex}.header-left{gap:13px;min-width:0}.header-left>div:last-child{min-width:0}.header-left h2{color:var(--text-main);margin:0;font-size:19px;font-weight:800;line-height:1.35}.header-left p{color:var(--text-secondary);margin:3px 0 0;font-size:11px}.menu-toggle,.notification-button,.theme-toggle{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text-main);border-radius:10px;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s,transform .2s;display:flex}.menu-toggle:hover,.notification-button:hover,.theme-toggle:hover{background:var(--surface-soft);transform:translateY(-1px)}.header-right{gap:8px}.header-profile-wrapper{margin-left:3px;position:relative}.header-profile{color:var(--text-main);text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:9px;padding:3px 6px 3px 3px;transition:background-color .2s;display:flex}.header-profile:hover{background:var(--surface-soft)}.profile-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:flex}.profile-info{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-info strong{max-width:150px;color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.profile-info span{color:var(--text-secondary);font-size:10px}.profile-chevron{color:var(--text-secondary);margin-left:2px;font-size:11px;transition:transform .2s}.profile-chevron.open{transform:rotate(180deg)}.profile-dropdown{background:var(--surface);border:1px solid var(--border);width:245px;box-shadow:var(--shadow-md);border-radius:14px;padding:9px;position:absolute;top:calc(100% + 9px);right:0}.profile-dropdown-header{align-items:center;gap:10px;padding:7px;display:flex}.profile-dropdown-header>div:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-dropdown-header strong{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.profile-dropdown-header span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.profile-dropdown-divider{background:var(--border);height:1px;margin:5px 0}.profile-menu-item{width:100%;min-height:40px;color:var(--text-main);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}.profile-menu-item:hover{background:var(--surface-soft)}.profile-menu-item.logout-item{color:var(--danger)}.dashboard-page,.placeholder-page{width:100%}.page-heading{margin-bottom:22px}.page-heading h1{color:var(--text-main);margin:0;font-size:25px;font-weight:800;line-height:1.3}.page-heading p{color:var(--text-secondary);margin:6px 0 0;font-size:12px}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card,.section-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.stat-card{border-radius:15px;padding:20px;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-primary);height:3px;position:absolute;inset:0 0 auto}.stat-card span{color:var(--text-secondary);font-size:11px;display:block}.stat-card strong{color:var(--text-main);margin-top:8px;font-size:28px;font-weight:800;line-height:1;display:block}.stat-card small{color:var(--text-muted);margin-top:9px;font-size:10px;display:block}.dashboard-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.section-card{border-radius:15px;min-height:210px;padding:20px}.section-card h2{color:var(--text-main);margin:0;font-size:15px;font-weight:800}.section-card p{color:var(--text-muted);margin:14px 0 0;font-size:12px}.login-page{background:radial-gradient(circle at top right, #3b82c42e, transparent 32%), var(--gradient-primary);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fffffff7;border:1px solid #ffffff8c;border-radius:20px;width:100%;max-width:410px;padding:34px;box-shadow:0 24px 70px #04102647}html.dark .login-card{background:#0d1b31fa;border-color:#ffffff14}.login-logo{justify-content:center;margin-bottom:17px;display:flex}.login-logo img{object-fit:contain;width:88px;height:88px;display:block}.login-header{text-align:center}.login-header h1{color:#17233d;margin:0;font-size:19px;font-weight:800}html.dark .login-header h1{color:#edf4ff}.login-header p{color:#6b7890;margin:6px 0 25px;font-size:12px}html.dark .login-header p{color:#aabbd3}.form-group{margin-bottom:16px}.form-group label{color:#374151;margin-bottom:7px;font-size:11px;font-weight:700;display:block}html.dark .form-group label{color:#d8e3f3}.form-group input,.form-group select,.form-group textarea{color:#17233d;background:#fff;border:1px solid #d1dbe8;border-radius:9px;outline:none;width:100%;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-group input,.form-group select{height:44px;padding:0 12px}.form-group textarea{resize:vertical;min-height:100px;padding:11px 12px}html.dark .form-group input,html.dark .form-group select,html.dark .form-group textarea{color:#edf4ff;background:#0b192d;border-color:#29415f}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563a621}.login-card form button{background:var(--gradient-primary);color:#fff;border:0;border-radius:9px;width:100%;height:44px;margin-top:3px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 18px #0f2a5f38}.login-card form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #0f2a5f47}.login-error{color:#be123c;background:#fff1f2;border-radius:8px;margin-bottom:13px;padding:10px 11px;font-size:11px}html.dark .login-error{color:#fda4af;background:#3a1622}.login-footer{color:var(--text-muted);text-align:center;margin-top:19px;font-size:10px}.loading-page{background:var(--page-bg);min-height:100vh;color:var(--text-main);justify-content:center;align-items:center;display:flex}.loading-content{flex-direction:column;align-items:center;gap:13px;display:flex}.loading-content p{color:var(--text-secondary);margin:0;font-size:12px}.loading-spinner{border:3px solid #2563a626;border-top-color:var(--blue-500);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite sip-spin}@keyframes sip-spin{to{transform:rotate(360deg)}}.sidebar-overlay{display:none}@media (width<=1100px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-content{padding:20px}.app-header{padding:14px 20px}}@media (width<=640px){.app-main{margin-left:0}.app-content{padding:16px}.app-header{min-height:68px;padding:12px 16px}.header-left{gap:10px}.header-left h2{font-size:17px}.header-left p{font-size:10px}.menu-toggle{display:flex}.profile-info,.profile-chevron{display:none}.header-right{gap:6px}.notification-button,.theme-toggle,.menu-toggle{width:38px;height:38px}.sidebar{width:280px;transition:transform .25s;display:flex;transform:translate(-100%);box-shadow:14px 0 32px #0000003d}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close{color:#fff;background:#ffffff1a;border:0;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;display:flex;position:absolute;top:10px;right:4px}.sidebar-overlay{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000006b;display:block;position:fixed;inset:0}.dashboard-grid,.dashboard-section{grid-template-columns:1fr;gap:14px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:22px}.page-heading p{font-size:11px}.login-page{padding:16px}.login-card{border-radius:18px;padding:28px 22px}.profile-dropdown{width:235px;right:-8px}}.ui-button{white-space:nowrap;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.ui-button:focus-visible{outline-offset:2px;outline:3px solid #2563a633}.ui-button:disabled{cursor:not-allowed;opacity:.6}.ui-button-small{min-height:34px;padding:7px 11px;font-size:11px}.ui-button-medium{min-height:40px;padding:9px 14px;font-size:12px}.ui-button-large{min-height:46px;padding:11px 17px;font-size:13px}.ui-button-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 6px 14px #0f2a5f2e}.ui-button-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 20px #0f2a5f3d}.ui-button-secondary{background:var(--surface-soft);color:var(--navy-800);border:1px solid var(--border)}html.dark .ui-button-secondary{color:var(--text-main)}.ui-button-secondary:hover:not(:disabled){background:var(--surface);border-color:var(--blue-400)}.ui-button-outline{color:var(--navy-800);border:1px solid var(--navy-600);background:0 0}html.dark .ui-button-outline{color:var(--blue-300);border-color:var(--blue-400)}.ui-button-outline:hover:not(:disabled){background:#2563a614}.ui-button-danger{color:#fff;background:#b42318;box-shadow:0 6px 14px #b4231829}.ui-button-danger:hover:not(:disabled){background:#9f1d14;transform:translateY(-1px)}.ui-button-ghost{color:var(--text-secondary);background:0 0}.ui-button-ghost:hover:not(:disabled){background:var(--surface-soft);color:var(--text-main)}.ui-button-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite sip-spin}.ui-card{background:var(--surface);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm);border-radius:15px;overflow:hidden}.ui-card-padding-small{padding:14px}.ui-card-padding-medium{padding:20px}.ui-card-padding-large{padding:24px}.ui-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px;display:flex}.ui-card-heading{min-width:0}.ui-card-title{color:var(--text-main);margin:0;font-size:15px;font-weight:800;line-height:1.4}.ui-card-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:11px;line-height:1.5}.ui-card-action{flex-shrink:0}.ui-card-body{width:100%}.ui-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:fit-content;font-weight:700;display:inline-flex}.ui-badge-small{min-height:22px;padding:3px 8px;font-size:9px}.ui-badge-medium{min-height:26px;padding:4px 10px;font-size:10px}.ui-badge-neutral{color:#536174;background:#eef2f6}html.dark .ui-badge-neutral{color:#b4c2d6;background:#182b45}.ui-badge-primary{color:var(--navy-700);background:#e8f0fb}html.dark .ui-badge-primary{color:#9bc1e4;background:#173454}.ui-badge-success{color:#15703b;background:#eaf7ef}html.dark .ui-badge-success{color:#8cd3a6;background:#123522}.ui-badge-warning{color:#9a5a00;background:#fff4df}html.dark .ui-badge-warning{color:#e7bd72;background:#3b2a12}.ui-badge-danger{color:#b42318;background:#fff0ef}html.dark .ui-badge-danger{color:#f0a3a0;background:#3b1717}.ui-badge-info{color:#126782;background:#e8f5fb}html.dark .ui-badge-info{color:#8dc8df;background:#123342}@media (width<=640px){.ui-card-padding-medium{padding:16px}.ui-card-padding-large{padding:18px}.ui-card-header{gap:12px}.ui-card-action{align-self:flex-start}.ui-button-large{min-height:44px}}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.page-header-content{min-width:0}.page-breadcrumb{color:var(--text-muted);margin-bottom:7px;font-size:10px;line-height:1.4}.page-header h1{color:var(--text-main);margin:0;font-size:25px;font-weight:800;line-height:1.3}.page-header p{max-width:700px;color:var(--text-secondary);margin:6px 0 0;font-size:12px;line-height:1.6}.page-header-action{flex-shrink:0;align-items:center;display:flex}.data-table-wrapper{background:var(--surface);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm);border-radius:15px;overflow:hidden}.data-table{border-collapse:collapse;width:100%;min-width:680px}.data-table th{background:var(--surface-soft);border-bottom:1px solid var(--border);height:46px;color:var(--text-secondary);text-align:left;white-space:nowrap;padding:0 14px;font-size:10px;font-weight:800;line-height:1.3}.data-table td{border-bottom:1px solid var(--border-soft);min-height:48px;color:var(--text-main);vertical-align:middle;padding:12px 14px;font-size:11px;line-height:1.5}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background-color .15s}.data-table tbody tr:hover{background:#2563a609}html.dark .data-table tbody tr:hover{background:#3b82c40e}.data-table-state{text-align:center;height:230px}.table-empty{flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.table-empty-icon{background:var(--surface-soft);width:42px;height:42px;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;margin-bottom:5px;font-size:17px;display:flex}.table-empty strong{color:var(--text-main);font-size:12px}.table-empty span{color:var(--text-muted);font-size:10px}.table-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:9px;font-size:11px;display:inline-flex}.loading-spinner.small{border-width:2px;width:18px;height:18px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06142e85;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:100%;max-height:calc(100vh - 40px);animation:.18s ease-out modal-enter;display:flex;overflow:hidden;box-shadow:0 24px 70px #06142e3d}.modal-small{max-width:420px}.modal-medium{max-width:620px}.modal-large{max-width:900px}@keyframes modal-enter{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.modal-heading{min-width:0}.modal-heading h2{color:var(--text-main);margin:0;font-size:16px;font-weight:800;line-height:1.4}.modal-heading p{color:var(--text-secondary);margin:5px 0 0;font-size:11px;line-height:1.5}.modal-close{background:var(--surface-soft);width:32px;height:32px;color:var(--text-secondary);border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.modal-close:hover{background:var(--border);color:var(--text-main)}.modal-body{flex:1;min-height:0;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--surface-soft);justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}@media (width<=640px){.page-header{flex-direction:column;gap:13px;margin-bottom:18px}.page-header h1{font-size:22px}.page-header p{font-size:11px}.page-header-action,.page-header-action .ui-button{width:100%}.data-table{min-width:620px}.data-table th,.data-table td{padding-left:11px;padding-right:11px}.modal-overlay{align-items:flex-end;padding:10px}.modal{border-radius:16px;max-height:calc(100vh - 20px)}.modal-header,.modal-body{padding:16px}.modal-footer{flex-wrap:wrap;padding:12px 16px}.modal-footer .ui-button{flex:1}}.books-page{width:100%}.book-filters{grid-template-columns:minmax(260px,1fr) 200px 180px;gap:12px;margin-bottom:18px;display:grid}.book-search,.book-filter{min-width:0}.book-search label,.book-filter label{color:var(--text-secondary);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.book-search input,.book-filter select{border:1px solid var(--border);background:var(--surface);width:100%;height:40px;color:var(--text-main);border-radius:9px;outline:none;padding:0 11px;font-size:11px}.book-search input::placeholder{color:var(--text-muted)}.book-search input:focus,.book-filter select:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563a61a}.book-table-title{flex-direction:column;gap:2px;min-width:180px;display:flex}.book-table-title strong{color:var(--text-main);font-size:11px;font-weight:700;line-height:1.4}.book-table-title span{color:var(--text-secondary);font-size:10px;line-height:1.4}.book-table-title small{color:var(--text-muted);font-size:9px}.copy-count{flex-direction:column;gap:2px;display:flex}.copy-count strong{color:var(--text-main);font-size:13px}.copy-count span{color:var(--text-muted);font-size:9px}.table-actions{flex-wrap:wrap;gap:4px;display:flex}.page-error{color:var(--danger);background:#fff1f2;border-radius:9px;margin-bottom:16px;padding:11px 12px;font-size:11px}html.dark .page-error{color:#fda4af;background:#3a171d}@media (width<=800px){.book-filters{grid-template-columns:1fr 1fr}.book-search{grid-column:1/-1}}@media (width<=640px){.book-filters{grid-template-columns:1fr}.book-search{grid-column:auto}}.learning-empty{background:var(--surface);border:1px solid var(--border);min-height:280px;box-shadow:var(--shadow-sm);text-align:center;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.learning-empty-icon{background:var(--gradient-soft);border-radius:15px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:13px;font-size:23px;display:flex}.learning-empty h2{color:var(--text-main);margin:0;font-size:15px;font-weight:800}.learning-empty p{max-width:420px;color:var(--text-secondary);margin:7px 0 0;font-size:11px;line-height:1.6}.learning-page{width:100%}.learning-toolbar{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.learning-search{width:100%;max-width:520px}.learning-search label{color:var(--text-secondary);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.learning-search input{border:1px solid var(--border);background:var(--surface);width:100%;height:40px;color:var(--text-main);border-radius:9px;outline:none;padding:0 11px;font-size:11px}.learning-search input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563a61a}.learning-summary{border:1px solid var(--border);background:var(--surface-soft);min-height:40px;color:var(--text-secondary);border-radius:9px;align-items:center;gap:8px;padding:0 13px;font-size:10px;display:flex}.learning-summary strong{color:var(--navy-700);font-size:14px}html.dark .learning-summary strong{color:var(--blue-300)}.material-table-title{flex-direction:column;gap:3px;min-width:190px;display:flex}.material-table-title strong{color:var(--text-main);font-size:11px;line-height:1.4}.material-table-title span{color:var(--text-muted);font-size:9px}.material-file-info{flex-direction:column;gap:2px;display:flex}.material-file-info strong{color:var(--danger);font-size:10px}.material-file-info span{color:var(--text-muted);font-size:9px}.material-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid-full{grid-column:1/-1}.form-help{color:var(--text-muted);margin-top:5px;font-size:9px;display:block}.selected-file{background:var(--surface-soft);border:1px solid var(--border);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;margin-top:8px;padding:9px 10px;font-size:10px;overflow:hidden}.page-success{color:#15703b;background:#eaf7ef;border-radius:9px;margin-bottom:16px;padding:11px 12px;font-size:11px}html.dark .page-success{color:#8cd3a6;background:#123522}@media (width<=640px){.learning-toolbar{flex-direction:column;align-items:stretch;gap:11px}.learning-search{max-width:none}.learning-summary{width:fit-content}.form-grid{grid-template-columns:1fr}.form-grid-full{grid-column:auto}.material-actions{flex-direction:column;align-items:stretch}.material-actions .ui-button{width:100%}}.learning-filters{grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(140px,1fr));gap:10px;margin-bottom:14px;display:grid}.learning-filter{min-width:0}.learning-filter label{color:var(--text-secondary);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.learning-filter input,.learning-filter select{border:1px solid var(--border);background:var(--surface);width:100%;height:40px;color:var(--text-main);border-radius:9px;outline:none;padding:0 10px;font-size:11px}.learning-filter input:focus,.learning-filter select:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563a61a}.learning-result-bar{min-height:34px;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 2px;font-size:10px;display:flex}.learning-result-bar strong{color:var(--text-main);font-weight:800}.pdf-preview{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;height:min(68vh,720px);overflow:hidden}.pdf-preview-frame{border:0;width:100%;height:100%;display:block}.pdf-preview-loading{min-height:300px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:12px;display:flex}@media (width<=1100px){.learning-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-filter.search{grid-column:1/-1}}@media (width<=640px){.learning-filters{grid-template-columns:1fr}.learning-filter.search{grid-column:auto}.learning-result-bar{flex-direction:column;align-items:flex-start;gap:8px;padding:3px 0 8px}.pdf-preview{height:65vh}}.dashboard-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.dashboard-status-list{flex-direction:column;gap:8px;display:flex}.dashboard-status-item{background:var(--surface-soft);min-height:40px;color:var(--text-secondary);border-radius:9px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:11px;display:flex}.dashboard-status-item span{min-width:0}.dashboard-attention{display:flex}.attention-card{background:#b423180f;border:1px solid #b423181f;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;width:100%;padding:14px;display:flex}.attention-card span{min-width:130px;color:var(--text-secondary);flex:1;font-size:11px}.attention-card strong{color:var(--danger);font-size:20px}.activity-list{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;min-height:55px;padding:8px 0;display:flex}.activity-item:last-child{border-bottom:0}.activity-icon{width:32px;height:32px;color:var(--blue-500);background:#2563a617;border-radius:9px;flex:0 0 32px;justify-content:center;align-items:center;font-size:17px;display:flex}.activity-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.activity-content strong{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.activity-content span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.activity-item time{color:var(--text-muted);flex-shrink:0;font-size:9px}.dashboard-empty{color:var(--text-muted);text-align:center;padding:30px 10px;font-size:11px}.loading-page-inline{min-height:250px;color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex}@media (width<=640px){.dashboard-overview{grid-template-columns:1fr;gap:14px}.attention-card{flex-direction:column;align-items:flex-start}.activity-item{align-items:flex-start}.activity-item time{display:none}}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:8px;margin-top:20px;padding-top:16px;display:flex}@media (width<=640px){.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions .ui-button{width:100%}}.catalog-page{width:100%}.master-toolbar{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.master-search{width:100%;max-width:480px}.master-search label{color:var(--text-secondary);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.master-search input{border:1px solid var(--border);background:var(--surface);width:100%;height:40px;color:var(--text-main);border-radius:9px;outline:none;padding:0 11px;font-size:11px}.table-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}@media (width<=640px){.master-toolbar{flex-direction:column;align-items:stretch}.master-search{max-width:none}.master-toolbar .ui-badge{align-self:flex-start}.table-actions{flex-direction:column;align-items:stretch}.table-actions .ui-button{width:100%}}.modal-form,#rack-form{width:100%}#rack-form .form-grid{gap:18px 20px;width:100%;display:grid}#rack-form .form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}#rack-form .form-field{flex-direction:column;gap:7px;min-width:0;display:flex}#rack-form .form-field-full{grid-column:1/-1}#rack-form .form-field label{color:var(--text-main);margin:0;font-size:14px;font-weight:600;line-height:1.4;display:block}#rack-form .form-field label span{color:#dc2626;margin-left:2px}#rack-form .form-field input,#rack-form .form-field textarea,#rack-form .form-field select{box-sizing:border-box;border:1px solid var(--border);background:var(--input-bg,var(--surface));width:100%;color:var(--text-main);border-radius:10px;outline:none;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s,background .2s}#rack-form .form-field input,#rack-form .form-field select{height:44px;padding:0 13px}#rack-form .form-field textarea{resize:vertical;min-height:110px;padding:11px 13px}#rack-form .form-field input::placeholder,#rack-form .form-field textarea::placeholder{color:var(--text-muted);opacity:.8}#rack-form .form-field input:focus,#rack-form .form-field textarea:focus,#rack-form .form-field select:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563a61f}#rack-form .form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:11px 13px;font-size:13px;line-height:1.5}.modal-content{width:min(100%,680px)}html.dark #rack-form .form-field input,html.dark #rack-form .form-field textarea,html.dark #rack-form .form-field select{background:var(--surface-2,#0f2348);color:var(--text-main);border-color:var(--border)}html.dark #rack-form .form-error{color:#fca5a5;background:#7f1d1d2e;border-color:#f8717140}@media (width<=640px){#rack-form .form-grid-2{grid-template-columns:1fr}#rack-form .form-field-full{grid-column:auto}.modal-body{padding:18px}#rack-form .form-grid{gap:15px}}.page{width:100%;min-width:0}.master-toolbar{justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:20px;display:flex}.master-search{flex:1;min-width:0}.master-search input{border:1px solid var(--border);background:var(--surface,#fff);width:100%;height:44px;color:var(--text-main);box-sizing:border-box;border-radius:10px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.master-search input::placeholder{color:var(--text-muted)}.master-search input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563a61f}.master-summary{white-space:nowrap;color:var(--text-secondary);flex:none;font-size:13px;font-weight:600}.master-code{color:var(--blue-500);letter-spacing:.02em;background:#2563a614;border-radius:7px;align-items:center;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.master-secondary{max-width:440px;color:var(--text-muted);margin-top:4px;font-size:12px;line-height:1.5}.table-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.master-page-error{margin-bottom:16px}#author-form,#publisher-form{width:100%}#author-form .form-grid,#publisher-form .form-grid{gap:18px 20px;width:100%;display:grid}#author-form .form-grid-2,#publisher-form .form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}#author-form .form-field,#publisher-form .form-field{flex-direction:column;gap:7px;min-width:0;display:flex}#author-form .form-field-full,#publisher-form .form-field-full{grid-column:1/-1}#author-form .form-field label,#publisher-form .form-field label{color:var(--text-main);margin:0;font-size:14px;font-weight:600;line-height:1.4;display:block}#author-form .form-field label span,#publisher-form .form-field label span{color:#dc2626;margin-left:2px}#author-form .form-field input,#author-form .form-field textarea,#publisher-form .form-field input,#publisher-form .form-field textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--surface,#fff);width:100%;color:var(--text-main);border-radius:10px;outline:none;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s,background .2s}#author-form .form-field input,#publisher-form .form-field input{height:44px;padding:0 13px}#author-form .form-field textarea,#publisher-form .form-field textarea{resize:vertical;min-height:110px;padding:11px 13px}#author-form .form-field input::placeholder,#author-form .form-field textarea::placeholder,#publisher-form .form-field input::placeholder,#publisher-form .form-field textarea::placeholder{color:var(--text-muted);opacity:.8}#author-form .form-field input:focus,#author-form .form-field textarea:focus,#publisher-form .form-field input:focus,#publisher-form .form-field textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563a61f}#author-form .form-field input:disabled,#author-form .form-field textarea:disabled,#publisher-form .form-field input:disabled,#publisher-form .form-field textarea:disabled{cursor:not-allowed;opacity:.65}#author-form .form-error,#publisher-form .form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:11px 13px;font-size:13px;line-height:1.5}#publisher-form #address{min-height:100px}.modal-content{width:min(100%,680px);max-width:680px}.modal-body{padding:22px 24px}html.dark .master-search input,html.dark #author-form .form-field input,html.dark #author-form .form-field textarea,html.dark #publisher-form .form-field input,html.dark #publisher-form .form-field textarea{background:var(--surface-2,#0f2348);color:var(--text-main);border-color:var(--border)}html.dark .master-code{color:var(--blue-300);background:#67a8d81f}html.dark #author-form .form-error,html.dark #publisher-form .form-error{color:#fca5a5;background:#7f1d1d2e;border-color:#f8717140}@media (width<=900px){.master-toolbar{flex-direction:column;align-items:stretch}.master-search{width:100%}.master-summary{align-self:flex-start}#publisher-form .form-grid-2{grid-template-columns:1fr 1fr}}@media (width<=640px){.master-toolbar{gap:12px;margin-bottom:16px}.master-search input{height:42px}.table-actions{justify-content:flex-start}#author-form .form-grid-2,#publisher-form .form-grid-2{grid-template-columns:1fr;gap:15px}#author-form .form-field-full,#publisher-form .form-field-full{grid-column:auto}#author-form .form-field input,#publisher-form .form-field input{height:43px}#author-form .form-field textarea,#publisher-form .form-field textarea{min-height:100px}.modal-body{padding:18px}}@media (width<=420px){.master-summary{font-size:12px}.table-actions{width:100%}.table-actions .ui-button{flex:1}}#copy-form{width:100%}#copy-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;width:100%;display:grid}#copy-form .form-field{flex-direction:column;gap:7px;width:100%;min-width:0;display:flex}#copy-form .form-field-full{grid-column:1/-1}#copy-form .form-field label{color:var(--text-main);margin:0;font-size:13px;font-weight:700;line-height:1.4;display:block}#copy-form .form-field label span{color:#dc2626;margin-left:2px}#copy-form .form-field input,#copy-form .form-field select,#copy-form .form-field textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-main);border-radius:10px;outline:none;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:block}#copy-form .form-field input,#copy-form .form-field select{height:44px;padding:0 13px}#copy-form .form-field textarea{resize:vertical;min-height:110px;padding:11px 13px}#copy-form .form-field input::placeholder,#copy-form .form-field textarea::placeholder{color:var(--text-muted);opacity:.8}#copy-form .form-field input:focus,#copy-form .form-field select:focus,#copy-form .form-field textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563a61f}#copy-form .form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:11px 13px;font-size:13px;line-height:1.5}html.dark #copy-form .form-field input,html.dark #copy-form .form-field select,html.dark #copy-form .form-field textarea{color:var(--text-main);border-color:var(--border);background:#0f2348}html.dark #copy-form .form-error{color:#fca5a5;background:#7f1d1d2e;border-color:#f8717140}@media (width<=640px){#copy-form .form-grid{grid-template-columns:1fr;gap:15px}#copy-form .form-field-full{grid-column:auto}}@media (width<=420px){#copy-form .form-field input,#copy-form .form-field select{height:42px}#copy-form .form-field textarea{min-height:100px}}#member-form{width:100%}#member-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;width:100%;display:grid}#member-form .form-field{flex-direction:column;gap:7px;min-width:0;display:flex}#member-form .form-field-full{grid-column:1/-1}#member-form .form-field label{color:var(--text-main);margin:0;font-size:13px;font-weight:700;line-height:1.4;display:block}#member-form .form-field label span{color:#dc2626;margin-left:2px}#member-form .form-field input,#member-form .form-field select,#member-form .form-field textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-main);border-radius:10px;outline:none;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}#member-form .form-field input,#member-form .form-field select{height:44px;padding:0 13px}#member-form .form-field textarea{resize:vertical;min-height:100px;padding:11px 13px}#member-form .form-field input:focus,#member-form .form-field select:focus,#member-form .form-field textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563a61f}html.dark #member-form .form-field input,html.dark #member-form .form-field select,html.dark #member-form .form-field textarea{color:var(--text-main);border-color:var(--border);background:#0f2348}@media (width<=640px){#member-form .form-grid{grid-template-columns:1fr;gap:15px}#member-form .form-field-full{grid-column:auto}}#loan-form{width:100%}#loan-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;width:100%;display:grid}#loan-form .form-field{flex-direction:column;gap:7px;min-width:0;display:flex}#loan-form .form-field-full{grid-column:1/-1}#loan-form .form-field label{color:var(--text-main);font-size:13px;font-weight:700;line-height:1.4}#loan-form .form-field label span{color:#dc2626}#loan-form .form-field input,#loan-form .form-field select,#loan-form .form-field textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-main);border-radius:10px;outline:none;font-family:inherit;font-size:14px}#loan-form .form-field input,#loan-form .form-field select{height:44px;padding:0 13px}#loan-form .form-field textarea{resize:vertical;min-height:100px;padding:11px 13px}#loan-form .form-field input:focus,#loan-form .form-field select:focus,#loan-form .form-field textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563a61f}.loan-copy-selector{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.loan-selected-copies{background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;min-height:60px;padding:10px;display:flex}.loan-empty-copies{color:var(--text-muted);text-align:center;padding:10px;font-size:11px}.loan-copy-item{background:var(--surface);border:1px solid var(--border);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;display:flex}.loan-copy-item>div{flex-direction:column;gap:2px;min-width:0;display:flex}.loan-copy-item strong{color:var(--text-main);font-size:11px}.loan-copy-item span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}html.dark #loan-form .form-field input,html.dark #loan-form .form-field select,html.dark #loan-form .form-field textarea{color:var(--text-main);border-color:var(--border);background:#0f2348}@media (width<=640px){#loan-form .form-grid{grid-template-columns:1fr;gap:15px}#loan-form .form-field-full{grid-column:auto}.loan-copy-selector{grid-template-columns:1fr}.loan-copy-selector .ui-button{width:100%}.loan-copy-item{flex-direction:column;align-items:flex-start}.loan-copy-item .ui-button{width:100%}}.return-summary-item span{color:var(--text-muted);font-size:10px}.return-summary-item strong{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}@media (width<=640px){.return-summary{grid-template-columns:1fr}.return-late-warning{grid-column:auto}}#return-form{width:100%}#return-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;width:100%;display:grid}#return-form .form-field{flex-direction:column;gap:7px;width:100%;min-width:0;display:flex}#return-form .form-field-full{grid-column:1/-1}#return-form .form-field label{color:var(--text-main);margin:0;font-size:13px;font-weight:700;line-height:1.4;display:block}#return-form .form-field label span{color:#dc2626;margin-left:2px}#return-form .form-field input,#return-form .form-field select,#return-form .form-field textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-main);border-radius:10px;outline:none;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s,background-color .2s;display:block}#return-form .form-field input,#return-form .form-field select{height:44px;padding:0 13px}#return-form .form-field textarea{resize:vertical;min-height:110px;padding:11px 13px}#return-form .form-field input::placeholder,#return-form .form-field textarea::placeholder{color:var(--text-muted);opacity:.8}#return-form .form-field input:focus,#return-form .form-field select:focus,#return-form .form-field textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563a61f}.return-summary{background:var(--surface-soft);border:1px solid var(--border);border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px;padding:14px;display:grid}.return-summary-item{flex-direction:column;gap:3px;min-width:0;display:flex}.return-summary-item span{color:var(--text-muted);font-size:10px;line-height:1.4}.return-summary-item strong{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.5;overflow:hidden}.return-late-warning{color:var(--danger);background:#b4231812;border:1px solid #b4231826;border-radius:8px;grid-column:1/-1;padding:9px 11px;font-size:11px;font-weight:700}#return-form .form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:11px 13px;font-size:13px;line-height:1.5}html.dark #return-form .form-field input,html.dark #return-form .form-field select,html.dark #return-form .form-field textarea{color:var(--text-main);border-color:var(--border);background:#0f2348}html.dark #return-form .form-error{color:#fca5a5;background:#7f1d1d2e;border-color:#f8717140}@media (width<=640px){#return-form .form-grid{grid-template-columns:1fr;gap:15px}#return-form .form-field-full{grid-column:auto}.return-summary{grid-template-columns:1fr}.return-late-warning{grid-column:auto}}.loan-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.loan-overview .ui-card{overflow:hidden}.loan-overview-item{justify-content:space-between;align-items:center;min-height:72px;padding:6px 4px;display:flex}.loan-overview-item span{color:var(--text-secondary);font-size:11px}.loan-overview-item strong{color:var(--text-main);font-size:24px;font-weight:800}.loan-overdue strong{color:var(--danger)}@media (width<=800px){.loan-overview{grid-template-columns:1fr;gap:12px}}@media (width<=640px){.loan-overview{gap:10px}.loan-overview-item{min-height:60px}}#fine-payment-form{width:100%}#fine-payment-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;display:grid}#fine-payment-form .form-field{flex-direction:column;gap:7px;min-width:0;display:flex}#fine-payment-form .form-field-full{grid-column:1/-1}#fine-payment-form .form-field label{color:var(--text-main);font-size:13px;font-weight:700;line-height:1.4}#fine-payment-form .form-field label span{color:#dc2626}#fine-payment-form input,#fine-payment-form textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-main);border-radius:10px;outline:none;font-family:inherit;font-size:14px}#fine-payment-form input{height:44px;padding:0 13px}#fine-payment-form textarea{resize:vertical;min-height:100px;padding:11px 13px}#fine-payment-form input:focus,#fine-payment-form textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563a61f}@media (width<=640px){#fine-payment-form .form-grid{grid-template-columns:1fr;gap:15px}#fine-payment-form .form-field-full{grid-column:auto}}.issue-tabs{background:var(--surface-soft);border:1px solid var(--border);border-radius:11px;gap:6px;width:fit-content;margin-bottom:16px;padding:5px;display:flex}.issue-tab{min-height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:7px 13px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.issue-tab span{background:var(--surface);border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:9px;display:inline-flex}.issue-tab:hover{color:var(--text-main)}.issue-tab.active{background:var(--surface);color:var(--navy-800);box-shadow:var(--shadow-sm)}html.dark .issue-tab.active{color:var(--blue-300)}html.dark .issue-tab span{background:var(--surface-soft)}#damage-form,#loss-form{width:100%}#damage-form .form-grid,#loss-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;width:100%;display:grid}#damage-form .form-field,#loss-form .form-field{flex-direction:column;gap:7px;min-width:0;display:flex}#damage-form .form-field-full,#loss-form .form-field-full{grid-column:1/-1}#damage-form .form-field label,#loss-form .form-field label{color:var(--text-main);font-size:13px;font-weight:700;line-height:1.4}#damage-form .form-field label span,#loss-form .form-field label span{color:#dc2626}#damage-form input,#damage-form select,#damage-form textarea,#loss-form input,#loss-form select,#loss-form textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-main);border-radius:10px;outline:none;font-family:inherit;font-size:14px}#damage-form input,#damage-form select,#loss-form input,#loss-form select{height:44px;padding:0 13px}#damage-form textarea,#loss-form textarea{resize:vertical;min-height:100px;padding:11px 13px}#damage-form input:focus,#damage-form select:focus,#damage-form textarea:focus,#loss-form input:focus,#loss-form select:focus,#loss-form textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563a61f}html.dark #damage-form input,html.dark #damage-form select,html.dark #damage-form textarea,html.dark #loss-form input,html.dark #loss-form select,html.dark #loss-form textarea{color:var(--text-main);border-color:var(--border);background:#0f2348}@media (width<=640px){.issue-tabs{width:100%}.issue-tab{flex:1;justify-content:center}#damage-form .form-grid,#loss-form .form-grid{grid-template-columns:1fr;gap:15px}#damage-form .form-field-full,#loss-form .form-field-full{grid-column:auto}}.settings-page{width:100%}.settings-form .ui-card{padding:22px}.settings-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.settings-card-header>div{min-width:0}.settings-card-header h2{color:var(--text-main);margin:0;font-size:16px;font-weight:800;line-height:1.4}.settings-card-header p{color:var(--text-secondary);margin:5px 0 0;font-size:11px;line-height:1.5}.settings-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;width:100%;display:grid}.settings-form .form-field{flex-direction:column;gap:7px;min-width:0;display:flex}.settings-form .form-field-full{grid-column:1/-1}.settings-form .form-field label{color:var(--text-main);font-size:13px;font-weight:700;line-height:1.4}.settings-form .form-field input,.settings-form .form-field textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-main);border-radius:10px;outline:none;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background-color .2s}.settings-form .form-field input{height:44px;padding:0 13px}.settings-form .form-field textarea{resize:vertical;min-height:100px;padding:11px 13px}.settings-form .form-field input::placeholder,.settings-form .form-field textarea::placeholder{color:var(--text-muted);opacity:.8}.settings-form .form-field input:focus,.settings-form .form-field textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563a61f}.settings-form .form-field input:disabled{cursor:not-allowed;opacity:.55;background:var(--surface-soft)}.settings-form .form-help{color:var(--text-muted);margin-top:1px;font-size:9px;line-height:1.5}.fine-setting{background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;margin-bottom:20px;padding:13px 14px}.settings-toggle{cursor:pointer;align-items:center;gap:10px;display:flex}.settings-toggle input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.settings-toggle-track{background:var(--border);border-radius:999px;flex:0 0 42px;align-items:center;width:42px;height:24px;padding:3px;transition:background-color .2s;display:flex;position:relative}.settings-toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;box-shadow:0 2px 5px #00000029}.settings-toggle input:checked+.settings-toggle-track{background:var(--blue-500)}.settings-toggle input:checked+.settings-toggle-track .settings-toggle-thumb{transform:translate(18px)}.settings-toggle-text{color:var(--text-main);font-size:12px;font-weight:700}.settings-actions{justify-content:flex-end;padding-top:2px;display:flex}@media (width<=640px){.settings-form .ui-card{padding:18px}.settings-card-header{flex-direction:column;gap:10px}.settings-form .form-grid{grid-template-columns:1fr;gap:15px}.settings-form .form-field-full{grid-column:auto}.settings-actions,.settings-actions .ui-button{width:100%}}.users-page{width:100%}.user-active-option{background:var(--surface-soft);border:1px solid var(--border);cursor:pointer;border-radius:9px;align-items:center;gap:9px;min-height:40px;padding:10px 12px;display:flex!important}.user-active-option input{accent-color:var(--blue-500);cursor:pointer;flex:0 0 16px;margin:0;width:16px!important;height:16px!important}.user-active-option span{color:var(--text-main);font-size:11px;font-weight:600}html.dark .user-active-option{background:var(--surface-soft);border-color:var(--border)}@media (width<=640px){.user-active-option{min-height:42px}}.backup-page{width:100%}.backup-card{align-items:flex-start;gap:20px;padding:8px;display:flex}.backup-icon{background:var(--gradient-soft);width:58px;height:58px;color:var(--blue-500);border-radius:15px;flex:0 0 58px;justify-content:center;align-items:center;font-size:27px;font-weight:800;display:flex}.backup-content{flex:1;min-width:0}.backup-content h2{color:var(--text-main);margin:0;font-size:17px;font-weight:800}.backup-content p{max-width:720px;color:var(--text-secondary);margin:7px 0 17px;font-size:11px;line-height:1.7}.backup-warning{background:#b453090f;border:1px solid #b4530926;border-radius:9px;flex-direction:column;gap:3px;max-width:720px;margin-bottom:18px;padding:11px 13px;display:flex}.backup-warning strong{color:var(--warning);font-size:11px}.backup-warning span{color:var(--text-secondary);font-size:10px;line-height:1.5}@media (width<=640px){.backup-card{flex-direction:column;gap:14px}.backup-icon{flex-basis:50px;width:50px;height:50px}.backup-content .ui-button{width:100%}}.report-page{width:100%}.report-summary-grid .ui-card{min-width:0}.report-summary-card{flex-direction:column;justify-content:center;gap:6px;min-height:76px;display:flex}.report-success strong{color:var(--success)}.report-warning strong{color:var(--warning)}.report-danger strong{color:var(--danger)}.report-toolbar{grid-template-columns:minmax(300px,1fr) 200px 180px;gap:12px;margin-bottom:12px;display:grid}.report-search,.report-filter{min-width:0}.report-search label,.report-filter label{color:var(--text-secondary);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.report-search input,.report-filter select{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;height:40px;color:var(--text-main);border-radius:9px;outline:none;padding:0 11px;font-family:inherit;font-size:11px}.report-search input:focus,.report-filter select:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563a61a}.report-result-bar{min-height:32px;color:var(--text-muted);align-items:center;margin-bottom:9px;font-size:10px;display:flex}@media (width<=1100px){.report-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-toolbar{grid-template-columns:1fr 1fr}.report-search{grid-column:1/-1}}@media (width<=640px){.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-toolbar{grid-template-columns:1fr}.report-search{grid-column:auto}.report-summary-card{min-height:68px}.report-summary-card strong{font-size:20px}}.member-report-page{width:100%}@media (width<=640px){.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.report-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.report-summary-card{border:1px solid var(--border);background:var(--surface);min-height:110px;box-shadow:var(--shadow-sm);border-radius:15px;flex-direction:column;justify-content:center;gap:7px;padding:20px;display:flex}.report-summary-card span{color:var(--text-muted);font-size:12px;line-height:1.4}.report-summary-card strong{color:var(--text-main);font-size:24px;font-weight:800;line-height:1.2}.report-toolbar{grid-template-columns:minmax(220px,1.8fr) minmax(140px,.7fr) minmax(140px,.7fr) minmax(160px,.8fr) auto;align-items:end;gap:14px;margin-bottom:18px;display:grid}.report-search,.report-filter{flex-direction:column;gap:7px;min-width:0;display:flex}.report-search label,.report-filter label{color:var(--text-muted);font-size:12px;font-weight:600}.report-search input,.report-filter input,.report-filter select{border:1px solid var(--border);background:var(--surface);width:100%;height:42px;color:var(--text-main);border-radius:10px;outline:none;padding:0 13px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.report-search input::placeholder{color:var(--text-muted)}.report-search input:focus,.report-filter input:focus,.report-filter select:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563a61f}.report-toolbar .btn{white-space:nowrap;height:42px}.report-result-bar{justify-content:space-between;align-items:center;gap:12px;min-height:42px;margin-bottom:10px;padding:10px 0;display:flex}.report-result-bar span{color:var(--text-muted);font-size:13px}.report-result-bar strong{color:var(--text-main);font-weight:700}.report-result-bar .btn{flex-shrink:0}.report-toolbar+.form-error{margin-bottom:16px}.report-summary-card:nth-child(3) strong{font-size:22px}.table-subtext{color:var(--text-muted);margin-top:3px;font-size:11px;line-height:1.4}.report-toolbar input[type=date],.report-toolbar select{cursor:pointer}[data-theme=dark] .report-summary-card,.dark .report-summary-card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .report-search input,[data-theme=dark] .report-filter input,[data-theme=dark] .report-filter select,.dark .report-search input,.dark .report-filter input,.dark .report-filter select{background:var(--surface);color:var(--text-main);border-color:var(--border)}.report-summary-card,.report-toolbar,.report-result-bar{box-sizing:border-box}.data-table-wrapper{width:100%;overflow:hidden}.data-table-scroll{width:100%;overflow-x:auto}.data-table{width:100%;min-width:900px}.data-table .badge{white-space:nowrap}@media (width<=1100px){.report-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.report-search{grid-column:1/-1}.report-toolbar>.btn{width:100%}}@media (width<=640px){.report-summary-grid{grid-template-columns:1fr;gap:12px}.report-summary-card{min-height:92px;padding:16px}.report-summary-card strong{font-size:22px}.report-toolbar{grid-template-columns:1fr;gap:12px}.report-search{grid-column:auto}.report-toolbar .btn{width:100%}.report-result-bar{flex-direction:column;align-items:stretch}.report-result-bar .btn{width:100%}}@media (width<=400px){.report-summary-card{padding:14px}.report-summary-card strong{font-size:20px}.report-search input,.report-filter input,.report-filter select,.report-toolbar .btn{height:40px}}.report-toolbar .btn,.report-result-bar .btn{border:1px solid var(--border);cursor:pointer;border-radius:10px;min-height:42px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .15s}.report-toolbar .btn:hover:not(:disabled),.report-result-bar .btn:hover:not(:disabled){transform:translateY(-1px)}.report-toolbar .btn:disabled,.report-result-bar .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.report-toolbar .btn-secondary{background:var(--surface);color:var(--text-main);border-color:var(--border)}.report-toolbar .btn-secondary:hover:not(:disabled){background:var(--surface-hover,var(--background));border-color:var(--blue-400);color:var(--blue-600,var(--blue-500))}.report-result-bar .btn-secondary{background:var(--navy-900);color:#fff;border-color:var(--navy-900)}.report-result-bar .btn-secondary:hover:not(:disabled){background:var(--navy-800);border-color:var(--navy-800)}[data-theme=dark] .report-toolbar .btn-secondary,.dark .report-toolbar .btn-secondary{background:var(--surface);color:var(--text-main);border-color:var(--border)}[data-theme=dark] .report-toolbar .btn-secondary:hover:not(:disabled),.dark .report-toolbar .btn-secondary:hover:not(:disabled){border-color:var(--blue-400);color:var(--blue-300)}.report-summary-grid:has(.report-summary-card:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1100px){.report-summary-grid:has(.report-summary-card:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.report-summary-grid:has(.report-summary-card:nth-child(4)){grid-template-columns:1fr}}.report-book-list{flex-direction:column;gap:8px;display:flex}.report-book-list>div{border-bottom:1px solid var(--border);padding-bottom:7px}.report-book-list>div:last-child{border-bottom:0;padding-bottom:0}.report-summary-card strong{word-break:break-word}.statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.statistics-card{flex-direction:column;justify-content:center;gap:10px;min-height:150px;padding:6px;display:flex}.statistics-card>span{color:var(--text-muted);font-size:13px}.statistics-card>strong{color:var(--text-main);font-size:32px;font-weight:800;line-height:1.1}.statistics-status{margin-top:2px}@media (width<=640px){.statistics-grid{grid-template-columns:1fr}.statistics-card{min-height:130px}.statistics-card>strong{font-size:28px}}.statistics-page{min-width:0}.statistics-loading{min-height:220px;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;display:flex}.statistics-main-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.statistics-stat-card{border:1px solid var(--border);background:var(--surface);min-height:138px;box-shadow:var(--shadow-sm);border-radius:16px;align-items:flex-start;gap:15px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.statistics-stat-card:hover{box-shadow:var(--shadow);border-color:var(--blue-400);transform:translateY(-2px)}.statistics-stat-card.statistics-stat-danger{border-color:#dc262638}.statistics-stat-icon{background:var(--navy-900);color:#fff;border-radius:13px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;font-weight:700;display:flex}.statistics-stat-danger .statistics-stat-icon{background:#991b1b}.statistics-stat-content{flex-direction:column;min-width:0;display:flex}.statistics-stat-content>span{color:var(--text-muted);font-size:12px;line-height:1.4}.statistics-stat-content>strong{color:var(--text-main);margin-top:5px;font-size:28px;font-weight:800;line-height:1.15}.statistics-stat-content>small{color:var(--text-muted);margin-top:5px;font-size:11px}.statistics-chart-grid{grid-template-columns:minmax(0,1.5fr) minmax(360px,1fr);gap:16px;margin-bottom:16px;display:grid}.statistics-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.statistics-card-header h2{color:var(--text-main);margin:0;font-size:16px;line-height:1.35}.statistics-card-header p{color:var(--text-muted);margin:5px 0 0;font-size:12px;line-height:1.5}.loan-chart{gap:12px;min-height:275px;display:flex}.loan-chart-y{width:34px;color:var(--text-muted);text-align:right;flex-direction:column;flex:0 0 34px;justify-content:space-between;padding:4px 0 25px;font-size:10px;display:flex}.loan-chart-area{flex:1;min-width:0;padding-bottom:28px;position:relative}.loan-chart-gridline{background:var(--border);pointer-events:none;height:1px;position:absolute;left:0;right:0}.loan-chart-gridline.line-top{top:0}.loan-chart-gridline.line-middle{top:50%}.loan-chart-gridline.line-bottom{bottom:28px}.loan-chart-bars{z-index:1;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:14px;height:100%;min-height:247px;display:grid;position:relative}.loan-chart-column{text-align:center;grid-template-rows:22px 1fr 28px;align-items:end;min-width:0;height:100%;display:grid}.loan-chart-value{color:var(--text-main);font-size:10px;font-weight:700}.loan-chart-bar-wrap{justify-content:center;align-items:flex-end;height:100%;display:flex}.loan-chart-bar{background:linear-gradient(180deg, var(--blue-400), var(--navy-900));border-radius:8px 8px 4px 4px;width:min(42px,70%);min-height:0;transition:height .35s,opacity .2s}.loan-chart-bar:hover{opacity:.8}.loan-chart-column>span{color:var(--text-muted);font-size:10px}.statistics-donut-layout{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:26px;min-height:275px;display:grid}.statistics-donut{background:conic-gradient(var(--navy-900) 0 48%, var(--blue-400) 48% 75%, #94a3b8 75% 88%, #cbd5e1 88% 95%, #e2e8f0 95% 100%);border-radius:50%;justify-content:center;align-items:center;width:170px;height:170px;margin:0 auto;display:flex}.statistics-donut-inner{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:108px;height:108px;display:flex}.statistics-donut-inner strong{color:var(--text-main);font-size:24px;font-weight:800}.statistics-donut-inner span{color:var(--text-muted);margin-top:3px;font-size:10px}.statistics-legend{flex-direction:column;gap:13px;display:flex}.statistics-legend-item{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.statistics-legend-item>div{align-items:center;gap:8px;min-width:0;display:flex}.statistics-legend-item>div>span:last-child{color:var(--text-main)}.statistics-legend-item>strong{color:var(--text-main);align-items:baseline;gap:6px;display:flex}.statistics-legend-item small{color:var(--text-muted);font-size:10px;font-weight:500}.statistics-dot{background:var(--navy-900);border-radius:50%;flex:0 0 8px;width:8px;height:8px}.dot-borrowed{background:var(--blue-400)}.dot-damaged{background:#94a3b8}.dot-lost{background:#cbd5e1}.dot-maintenance{background:#e2e8f0}.statistics-bottom-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;display:grid}.member-stat-list{flex-direction:column;gap:18px;display:flex}.member-stat-row{grid-template-columns:minmax(150px,1fr) 2fr 45px;align-items:center;gap:14px;display:grid}.member-stat-label{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.member-stat-label span,.member-stat-label strong{color:var(--text-main);font-size:12px}.member-stat-progress{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.member-stat-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--navy-900), var(--blue-400));height:100%;display:block}.member-stat-row>small{color:var(--text-muted);text-align:right;font-size:11px}.statistics-alert-card{align-items:center;gap:14px;min-height:145px;display:flex}.statistics-alert-icon{background:var(--navy-900);color:#fff;border-radius:13px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:19px;font-weight:800;display:flex}.statistics-alert-content{flex:1;min-width:0}.statistics-alert-content>span{color:var(--text-muted);font-size:11px;display:block}.statistics-alert-content>strong{color:var(--text-main);margin-top:4px;font-size:16px;display:block}.statistics-alert-content>p{color:var(--text-muted);margin:5px 0 0;font-size:11px;line-height:1.5}.statistics-reload{width:100%;margin-top:8px}@media (width<=1100px){.statistics-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-chart-grid,.statistics-bottom-grid{grid-template-columns:1fr}}@media (width<=640px){.statistics-main-grid{grid-template-columns:1fr;gap:12px}.statistics-stat-card{min-height:118px;padding:16px}.statistics-stat-content>strong{font-size:24px}.statistics-card-header{flex-direction:column;align-items:stretch}.statistics-donut-layout{grid-template-columns:1fr;gap:22px}.statistics-donut{width:150px;height:150px}.member-stat-row{grid-template-columns:1fr 55px;gap:8px 14px}.member-stat-label{grid-column:1/-1}.member-stat-progress{grid-column:1}.member-stat-row>small{grid-area:2/2}.statistics-alert-card{align-items:flex-start}}@media (width<=400px){.loan-chart-bars{gap:7px}.loan-chart-bar{width:min(28px,70%)}.loan-chart-column>span{font-size:9px}.statistics-stat-card{gap:11px}.statistics-stat-icon{flex-basis:40px;width:40px;height:40px}}.statistics-reload{border:1px solid var(--navy-900);background:var(--navy-900);color:#fff;cursor:pointer;border-radius:10px;width:100%;min-height:42px;margin-top:12px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s}.statistics-reload:hover:not(:disabled){background:var(--navy-800);border-color:var(--navy-800);transform:translateY(-1px);box-shadow:0 5px 14px #081a3a26}.statistics-reload:active:not(:disabled){transform:translateY(0)}.statistics-reload:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.dark .statistics-reload{background:var(--navy-800);border-color:var(--navy-800);color:#fff}.dark .statistics-reload:hover:not(:disabled){background:var(--navy-700);border-color:var(--navy-700)}.loan-settings-page{min-width:0}.settings-message{margin-bottom:16px}.settings-success{color:#166534;background:#16a34a14;border:1px solid #16a34a38;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;font-weight:600}.dark .settings-success{color:#86efac;background:#16a34a1a;border-color:#4ade8033}.settings-loading{min-height:220px;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;display:flex}.loan-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-form{flex-direction:column;gap:22px;display:flex}.settings-field{flex-direction:column;gap:7px;display:flex}.settings-field label{color:var(--text-main);font-size:13px;font-weight:600}.settings-field small{color:var(--text-muted);font-size:11px;line-height:1.5}.settings-input-group{align-items:center;gap:10px;display:flex}.settings-input-group input{border:1px solid var(--border);background:var(--surface);width:140px;height:42px;color:var(--text-main);border-radius:10px;outline:none;padding:0 13px;font-family:inherit;font-size:13px}.settings-input-group input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563a61f}.settings-input-group span{color:var(--text-muted);font-size:13px}.settings-input-group.currency{gap:8px}.settings-input-group.currency>span{min-width:24px;color:var(--text-main);font-weight:600}.settings-input-group.currency input{width:180px}.settings-input-group input:disabled{opacity:.55;cursor:not-allowed}.settings-toggle-row{border:1px solid var(--border);background:var(--background);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:14px;display:flex}.settings-toggle-row>div{flex-direction:column;gap:4px;min-width:0;display:flex}.settings-toggle-row strong{color:var(--text-main);font-size:13px}.settings-toggle-row span:not(.settings-switch-slider){color:var(--text-muted);font-size:11px;line-height:1.45}.settings-switch{cursor:pointer;flex:0 0 46px;width:46px;height:26px;position:relative}.settings-switch input{opacity:0;pointer-events:none;position:absolute}.settings-switch-slider{background:var(--border);border-radius:999px;transition:background .2s;position:absolute;inset:0}.settings-switch-slider:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000002e}.settings-switch input:checked+.settings-switch-slider{background:var(--navy-900)}.settings-switch input:checked+.settings-switch-slider:after{transform:translate(20px)}.loan-settings-preview{background:var(--background);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;display:grid}.loan-settings-preview>div{flex-direction:column;gap:5px;min-width:0;display:flex}.loan-settings-preview span{color:var(--text-muted);font-size:10px}.loan-settings-preview strong{color:var(--text-main);word-break:break-word;font-size:13px}.loan-settings-actions{grid-column:1/-1;justify-content:flex-end;display:flex}.loan-settings-actions .btn{min-width:150px;min-height:42px}@media (width<=1100px){.loan-settings-grid{grid-template-columns:1fr}.loan-settings-actions{grid-column:auto}}@media (width<=640px){.settings-input-group{align-items:stretch}.settings-input-group input,.settings-input-group.currency input{width:100%}.loan-settings-preview{grid-template-columns:1fr}.loan-settings-actions{justify-content:stretch}.loan-settings-actions .btn{width:100%}}.loan-settings-actions .btn-primary{appearance:none;border:1px solid var(--navy-900);color:#fff;cursor:pointer;background:linear-gradient(135deg,#081a3a 0%,#0f2a5f 48%,#2563a6 100%);border-radius:10px;min-width:150px;min-height:42px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 4px 12px #081a3a1f}.loan-settings-actions .btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 7px 16px #081a3a2e}.loan-settings-actions .btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 3px 8px #081a3a1f}.loan-settings-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.dark .loan-settings-actions .btn-primary{background:linear-gradient(135deg,#0f2a5f 0%,#163d7a 50%,#2563a6 100%);border-color:#163d7a}@media (width<=640px){.loan-settings-actions .btn-primary{width:100%}}@media (width<=640px){.report-action-group{flex-direction:column;width:100%}.report-action-group .btn{width:100%}}.report-summary-grid .report-summary-card{border:1px solid var(--border);background:var(--surface);min-height:110px;box-shadow:var(--shadow-sm);border-radius:15px;padding:20px}.report-summary-grid .report-summary-card>.card,.report-summary-grid .report-summary-card>.section-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.report-summary-grid .card,.report-summary-grid .section-card{min-height:0}.dark .report-summary-grid .report-summary-card>.card,.dark .report-summary-grid .report-summary-card>.section-card{box-shadow:none;background:0 0;border-color:#0000}.report-action-group{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.report-action-group .btn{white-space:nowrap;border-radius:10px;min-height:42px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600}.report-action-group .btn-primary{border:1px solid var(--navy-900);color:#fff;background:linear-gradient(135deg,#081a3a 0%,#0f2a5f 48%,#2563a6 100%)}.report-action-group .btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.report-action-group .btn-primary:active:not(:disabled){transform:translateY(0)}.report-action-group .btn:disabled{opacity:.55;cursor:not-allowed;transform:none}@media (width<=640px){.report-action-group{flex-direction:column;width:100%}.report-action-group .btn{width:100%}}.statistics-actions{flex-wrap:wrap;margin-top:18px}.statistics-actions .btn{min-height:42px}.statistics-pdf-button{border:1px solid var(--navy-900);color:#fff;background:linear-gradient(135deg,#081a3a 0%,#0f2a5f 48%,#2563a6 100%)}.statistics-pdf-button:hover{opacity:.94}.statistics-pdf-button:disabled{opacity:.65;cursor:not-allowed}@media (width<=640px){.statistics-actions{flex-direction:column;align-items:stretch}.statistics-actions .btn{width:100%}}.statistics-actions{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:10px;width:100%;margin:18px 0 0;padding:0;display:grid}.statistics-actions>.btn{box-sizing:border-box;white-space:nowrap;text-align:center;border-radius:10px;justify-content:center;align-items:center;width:100%;min-width:0;height:44px;min-height:44px;margin:0;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;display:flex;transform:none}.statistics-actions>.btn:hover,.statistics-actions>.btn:active{transform:none}.statistics-actions .statistics-reload{border:1px solid var(--navy-800);background:var(--navy-800);color:#fff}.statistics-actions .statistics-pdf-button{border:1px solid var(--navy-600);color:#fff;background:linear-gradient(135deg,#081a3a 0%,#0f2a5f 48%,#2563a6 100%)}.statistics-actions .statistics-reload:disabled,.statistics-actions .statistics-pdf-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.statistics-actions{grid-template-columns:1fr;gap:10px}.statistics-actions>.btn{width:100%;height:44px;min-height:44px}}.settings-page .signature-settings-grid{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;width:100%;margin:0;padding:0;display:grid}.settings-page .signature-setting-box{box-sizing:border-box;border:1px solid var(--border-color);background:var(--surface-soft);border-radius:16px;width:100%;min-width:0;margin:0;padding:20px;position:relative;overflow:visible}.settings-page .signature-setting-heading{box-sizing:border-box;justify-content:space-between;align-items:flex-start;width:100%;min-height:46px;margin:0 0 20px;padding:0;display:flex}.settings-page .signature-setting-heading>div:first-child{flex:auto;min-width:0;padding-right:12px}.settings-page .signature-setting-heading strong{color:var(--text-primary);margin:0;padding:0;font-size:15px;font-weight:700;line-height:1.35;display:block}.settings-page .signature-setting-heading>div:first-child>span{color:var(--text-secondary);margin:5px 0 0;padding:0;font-size:12px;font-weight:400;line-height:1.45;display:block}.settings-page .signature-setting-heading .settings-toggle{box-sizing:border-box;cursor:pointer;flex:0 0 44px;margin:0;padding:0;display:block;position:relative;width:44px!important;min-width:44px!important;max-width:44px!important;height:26px!important;min-height:26px!important;max-height:26px!important}.settings-page .signature-setting-heading .settings-toggle input{opacity:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.settings-page .signature-setting-heading .settings-toggle-track{box-sizing:border-box;background:#9ca8b7;border-radius:999px;margin:0;padding:0;transition:background-color .2s,box-shadow .2s;display:block;position:absolute;inset:0;width:44px!important;height:26px!important}.settings-page .signature-setting-heading .settings-toggle-thumb{box-sizing:border-box;background:#fff;border-radius:50%;margin:0;padding:0;transition:transform .2s;display:block;position:absolute;top:3px;left:3px;transform:translate(0);box-shadow:0 1px 3px #0f172a38,0 0 0 1px #0f172a0a;width:20px!important;height:20px!important}.settings-page .signature-setting-heading .settings-toggle input:checked+.settings-toggle-track{background:var(--blue-500)}.settings-page .signature-setting-heading .settings-toggle input:checked+.settings-toggle-track .settings-toggle-thumb{transform:translate(18px)}.settings-page .signature-setting-box .form-grid{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px 12px;width:100%;margin:0;padding:0;display:grid}.settings-page .signature-setting-box .form-field{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0}.settings-page .signature-setting-box .form-field-full{grid-column:1/-1}.settings-page .signature-setting-box .form-field label{width:100%;color:var(--text-primary);margin:0 0 7px;padding:0;font-size:12px;font-weight:600;line-height:1.35;display:block}.settings-page .signature-setting-box .form-field input{box-sizing:border-box;border:1px solid var(--border-color);background:var(--surface);color:var(--text-primary);border-radius:10px;outline:none;margin:0;font-family:inherit;font-size:13px;font-weight:400;transition:border-color .2s,background-color .2s,box-shadow .2s;display:block;width:100%!important;height:42px!important;min-height:42px!important;padding:0 12px!important}.settings-page .signature-setting-box .form-field input:hover{border-color:#9fb1c5}.settings-page .signature-setting-box .form-field input:focus{border-color:var(--blue-400);box-shadow:0 0 0 3px #3b82c41f}.settings-page .signature-setting-box .form-field input::placeholder{color:var(--text-secondary);opacity:.7}.settings-page .signature-setting-box .form-field select{box-sizing:border-box;border:1px solid var(--border-color);background-color:var(--surface);color:var(--text-primary);cursor:pointer;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,#0000 50%);background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:10px;outline:none;margin:0;font-family:inherit;font-size:13px;font-weight:400;transition:border-color .2s,background-color .2s,box-shadow .2s;display:block;width:100%!important;height:42px!important;min-height:42px!important;padding:0 34px 0 12px!important}.settings-page .signature-setting-box .form-field select:hover{border-color:#9fb1c5}.settings-page .signature-setting-box .form-field select:focus{border-color:var(--blue-400);box-shadow:0 0 0 3px #3b82c41f}.settings-page .signature-setting-box .form-field select option{color:#0f172a;background:#fff}.settings-page .signature-setting-box .form-field input:disabled,.settings-page .signature-setting-box .form-field select:disabled{opacity:.55;cursor:not-allowed;background:var(--surface-soft)}.settings-page .signature-setting-note{box-sizing:border-box;border:1px solid var(--border-color);background:var(--surface-soft);width:100%;color:var(--text-secondary);border-radius:10px;margin:16px 0 0;padding:11px 14px;font-size:12px;line-height:1.5;display:block}.settings-page .signature-setting-note strong{color:var(--text-primary);font-weight:700}[data-theme=dark] .settings-page .signature-setting-box{background:#102846;border-color:#234568}[data-theme=dark] .settings-page .signature-setting-heading strong{color:#f3f7fb}[data-theme=dark] .settings-page .signature-setting-heading>div:first-child>span{color:#9db2c9}[data-theme=dark] .settings-page .signature-setting-box .form-field label{color:#e6edf5}[data-theme=dark] .settings-page .signature-setting-box .form-field input,[data-theme=dark] .settings-page .signature-setting-box .form-field select{color:#f8fafc;background-color:#0b1f39;border-color:#294f76}[data-theme=dark] .settings-page .signature-setting-box .form-field input:hover,[data-theme=dark] .settings-page .signature-setting-box .form-field select:hover{border-color:#3a6d9d}[data-theme=dark] .settings-page .signature-setting-box .form-field input:focus,[data-theme=dark] .settings-page .signature-setting-box .form-field select:focus{background-color:#0d2442;border-color:#4a88bb;box-shadow:0 0 0 3px #4a88bb29}[data-theme=dark] .settings-page .signature-setting-box .form-field input::placeholder{color:#8197ae}[data-theme=dark] .settings-page .signature-setting-box .form-field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-image:linear-gradient(45deg,#0000 50%,#9db2c9 50%),linear-gradient(135deg,#9db2c9 50%,#0000 50%)}[data-theme=dark] .settings-page .signature-setting-box .form-field select option{color:#f8fafc;background:#0b1f39}[data-theme=dark] .settings-page .signature-setting-box .form-field input:disabled,[data-theme=dark] .settings-page .signature-setting-box .form-field select:disabled{color:#667c93;background:#09192f;border-color:#1d3a59}[data-theme=dark] .settings-page .signature-setting-note{color:#9db2c9;background:#0b1f39;border-color:#234568}[data-theme=dark] .settings-page .signature-setting-note strong{color:#e7eef7}[data-theme=dark] .settings-page .signature-setting-heading .settings-toggle-track{background:#526a82}[data-theme=dark] .settings-page .signature-setting-heading .settings-toggle input:checked+.settings-toggle-track{background:#347dbb}@media (width<=900px){.settings-page .signature-settings-grid{grid-template-columns:1fr}}@media (width<=640px){.settings-page .signature-setting-box{border-radius:14px;padding:16px}.settings-page .signature-setting-heading{margin-bottom:18px}.settings-page .signature-setting-heading strong{font-size:14px}.settings-page .signature-setting-heading>div:first-child>span{font-size:11px}.settings-page .signature-setting-box .form-grid{grid-template-columns:1fr;gap:14px}.settings-page .signature-setting-box .form-field-full{grid-column:auto}}.backup-file-picker{width:100%;margin-top:22px;margin-bottom:14px}.backup-file-input{border:1px dashed var(--border-color);background:var(--surface-secondary);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:8px 10px;font-size:12px;display:block}.backup-file-input:hover{border-color:#2563eb}.backup-file-input::file-selector-button{color:#fff;cursor:pointer;background:#64748b;border:none;border-radius:6px;margin-right:12px;padding:6px 10px;font-size:12px;font-weight:600}.backup-file-input::file-selector-button:hover{background:#475569}.backup-file-name{border:1px solid var(--border-color);background:var(--surface-secondary);border-radius:10px;margin-top:12px;margin-bottom:16px;padding:12px 14px}.backup-file-name span{color:var(--text-secondary);margin-bottom:5px;font-size:12px;display:block}.backup-file-name strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.backup-actions{align-items:center;gap:12px;margin-top:20px;display:flex}.form-group.form-grid-full input[type=file]{box-sizing:border-box;border:1px solid var(--border-color);background:var(--surface-primary);width:100%;height:42px;color:var(--text-primary);cursor:pointer;border-radius:9px;margin:0;padding:5px 10px;font-family:inherit;font-size:12px;line-height:30px;display:block}.form-group.form-grid-full input[type=file]::file-selector-button{color:#fff;cursor:pointer;background:#64748b;border:none;border-radius:5px;margin:0 8px 0 0;padding:4px 9px;font-family:inherit;font-size:11px;font-weight:600}.form-group.form-grid-full input[type=file]::file-selector-button:hover{background:#475569}.form-group.form-grid-full .form-help{color:var(--text-secondary);margin-top:6px;margin-bottom:0;font-size:10px;line-height:1.4;display:block}.members-page{width:100%}.members-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.members-search{flex:1;max-width:480px}.members-search input{box-sizing:border-box;border:1px solid var(--border-color);background:var(--surface-primary);width:100%;height:42px;color:var(--text-primary);border-radius:9px;outline:none;padding:0 14px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.members-search input::placeholder{color:var(--text-secondary);opacity:.75}.members-search input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.members-total{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:12px}.members-total strong{color:var(--text-primary);font-weight:700}.members-filters{grid-template-columns:minmax(0,1fr) 200px;gap:14px;margin-bottom:16px;display:grid}.members-filter{flex-direction:column;gap:7px;display:flex}.members-filter label{color:var(--text-primary);font-size:11px;font-weight:600}.members-filter select{box-sizing:border-box;border:1px solid var(--border-color);background:var(--surface-primary);width:100%;height:40px;color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;padding:0 12px;font-family:inherit;font-size:12px}.members-filter select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.member-table-title{flex-direction:column;gap:3px;display:flex}.member-table-title strong{color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.4}.member-table-title span{color:var(--text-secondary);font-size:11px;line-height:1.4}.member-identity{color:var(--text-secondary);flex-direction:column;gap:2px;font-size:11px;line-height:1.45;display:flex}.member-actions{white-space:nowrap;align-items:center;gap:6px;display:flex}.members-page .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;display:grid}.members-page .form-group{flex-direction:column;gap:7px;min-width:0;display:flex}.members-page .form-grid-full{grid-column:1/-1}.members-page .form-group label{color:var(--text-primary);font-size:11px;font-weight:600;line-height:1.4}.members-page .form-group input,.members-page .form-group select,.members-page .form-group textarea{box-sizing:border-box;border:1px solid var(--border-color);background:var(--surface-primary);width:100%;color:var(--text-primary);border-radius:8px;outline:none;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.members-page .form-group input,.members-page .form-group select{height:42px;padding:0 12px}.members-page .form-group textarea{resize:vertical;min-height:88px;padding:10px 12px;line-height:1.5}.members-page .form-group input::placeholder,.members-page .form-group textarea::placeholder{color:var(--text-secondary);opacity:.7}.members-page .form-group input:focus,.members-page .form-group select:focus,.members-page .form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.members-page .badge{font-size:10px}.members-page .page-success,.members-page .page-error{margin-bottom:16px}.dark .members-search input,.dark .members-filter select,.dark .members-page .form-group input,.dark .members-page .form-group select,.dark .members-page .form-group textarea{background:#0d1b30}@media (width<=900px){.members-toolbar{flex-direction:column;align-items:flex-start}.members-search{width:100%;max-width:none}.members-total{align-self:flex-end}.members-filters{grid-template-columns:1fr 1fr}}@media (width<=640px){.members-toolbar{gap:10px}.members-total{align-self:flex-start}.members-filters{grid-template-columns:1fr}.members-page .form-grid{grid-template-columns:1fr;gap:14px}.members-page .form-grid-full{grid-column:auto}.member-actions{flex-wrap:wrap}}#procurement-form .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 22px;width:100%;display:grid}#procurement-form .form-field{width:100%;min-width:0}#procurement-form .form-field-full{grid-column:1/-1}#procurement-form .form-field label{color:#17233b;margin:0 0 7px;font-size:14px;font-weight:600;line-height:1.4;display:block}#procurement-form .form-field label span{color:#ef4444;margin-left:2px}#procurement-form .form-field input,#procurement-form .form-field select,#procurement-form .form-field textarea{box-sizing:border-box;color:#17233b;background:#fff;border:1px solid #d7deea;border-radius:8px;outline:none;width:100%;min-width:0;max-width:100%;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s;display:block}#procurement-form .form-field input,#procurement-form .form-field select{height:46px;padding:0 13px}#procurement-form .form-field textarea{resize:vertical;min-height:120px;padding:12px 13px;line-height:1.5}#procurement-form .form-field input::placeholder,#procurement-form .form-field textarea::placeholder{color:#8b97aa;opacity:1}#procurement-form .form-field input:focus,#procurement-form .form-field select:focus,#procurement-form .form-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}#procurement-form .form-field select{cursor:pointer}#procurement-form .form-field input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}#procurement-form .form-field input[type=number]{appearance:textfield}#procurement-form .form-field input[type=number]::-webkit-inner-spin-button{margin:0}#procurement-form .form-field input[type=number]::-webkit-outer-spin-button{margin:0}#procurement-form .form-error{box-sizing:border-box;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;width:100%;margin-bottom:18px;padding:10px 12px;font-size:13px;line-height:1.45}.dark #procurement-form .form-field label{color:#e8edf7}.dark #procurement-form .form-field input,.dark #procurement-form .form-field select,.dark #procurement-form .form-field textarea{color:#f8fafc;background:#121e35;border-color:#334155}.dark #procurement-form .form-field input::placeholder,.dark #procurement-form .form-field textarea::placeholder{color:#94a3b8}.dark #procurement-form .form-field input:focus,.dark #procurement-form .form-field select:focus,.dark #procurement-form .form-field textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa24}.dark #procurement-form .form-field input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dark #procurement-form .form-error{color:#fca5a5;background:#7f1d1d2e;border-color:#f871714d}@media (width<=700px){#procurement-form .form-grid{grid-template-columns:1fr;gap:16px}#procurement-form .form-field-full{grid-column:1}}#user-form .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 22px;width:100%;display:grid}#user-form .form-field{width:100%;min-width:0}#user-form .form-field-full{grid-column:1/-1}#user-form .form-field label{color:#17233b;margin:0 0 7px;font-size:14px;font-weight:600;line-height:1.4;display:block}#user-form .form-field label span{color:#ef4444;margin-left:2px}#user-form .form-field input:not([type=checkbox]),#user-form .form-field select{box-sizing:border-box;color:#17233b;background:#fff;border:1px solid #d7deea;border-radius:8px;outline:none;width:100%;min-width:0;max-width:100%;height:46px;padding:0 13px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s;display:block}#user-form .form-field input:not([type=checkbox]):focus,#user-form .form-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}#user-form .form-field input::placeholder{color:#8b97aa;opacity:1}#user-form .form-field select{cursor:pointer}#user-form .form-help{color:#7c889c;margin-top:5px;font-size:10px;line-height:1.4;display:block}#user-form .form-checkbox{box-sizing:border-box;background:#f8fafc;border:1px solid #d7deea;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;display:flex}#user-form .form-checkbox input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex:none;width:17px;height:17px;margin:0}#user-form .form-checkbox label{color:#17233b;cursor:pointer;margin:0;font-size:12px;font-weight:500}#user-form .form-error{box-sizing:border-box;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;width:100%;margin-bottom:18px;padding:10px 12px;font-size:13px;line-height:1.45}html.dark #user-form .form-field label{color:#e8edf7}html.dark #user-form .form-field input:not([type=checkbox]),html.dark #user-form .form-field select{color:#f8fafc;background:#121e35;border-color:#334155}html.dark #user-form .form-field input::placeholder{color:#94a3b8}html.dark #user-form .form-field input:not([type=checkbox]):focus,html.dark #user-form .form-field select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa24}html.dark #user-form .form-help{color:#94a3b8}html.dark #user-form .form-checkbox{background:#0f1b30;border-color:#334155}html.dark #user-form .form-checkbox label{color:#e8edf7}html.dark #user-form .form-error{color:#fca5a5;background:#7f1d1d2e;border-color:#f871714d}@media (width<=700px){#user-form .form-grid{grid-template-columns:1fr;gap:16px}#user-form .form-field-full{grid-column:1}}.module-ai-page{width:100%;min-width:0;padding-bottom:24px}.module-ai-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.module-ai-eyebrow{color:var(--text-secondary,#8ea0b8);letter-spacing:.12em;margin-bottom:7px;font-size:10px;font-weight:800;display:inline-block}.module-ai-heading h1{color:var(--text-main,#f5f7fb);margin:0;font-size:28px;font-weight:800;line-height:1.2}.module-ai-heading p{max-width:780px;color:var(--text-secondary,#9aabc0);margin:8px 0 0;font-size:12px;line-height:1.6}.module-ai-user{border:1px solid var(--border,#223858);background:var(--surface,#0f1c31);border-radius:14px;flex-direction:column;align-items:flex-end;gap:3px;min-width:160px;padding:11px 14px;display:flex}.module-ai-user strong{color:var(--text-main,#f5f7fb);font-size:12px;font-weight:800}.module-ai-user span{color:var(--text-secondary,#91a2b9);font-size:10px}.module-ai-alert{border:1px solid;border-radius:12px;margin-bottom:16px;padding:12px 14px;font-size:11px;line-height:1.5}.module-ai-alert-error{color:#ffb4ab;background:#b423181a;border-color:#f0524840}.module-ai-alert-success{color:#9ee6ba;background:#0676471a;border-color:#31ad7140}.module-ai-grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);align-items:start;gap:18px;display:grid}.module-ai-card{border:1px solid var(--border,#223858);background:var(--surface,#0d1b30);border-radius:18px;min-width:0;padding:20px;box-shadow:0 10px 28px #00000024}.module-ai-history-card{position:sticky;top:94px}.module-ai-card-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.module-ai-card-header h2{color:var(--text-main,#f5f7fb);margin:0;font-size:17px;font-weight:800;line-height:1.3}.module-ai-card-header p{color:var(--text-secondary,#91a2b9);margin:5px 0 0;font-size:10px;line-height:1.5}.module-ai-step,.module-ai-count{color:#7fb2ee;white-space:nowrap;background:#2563a61f;border:1px solid #4c8bd838;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:9px;font-weight:800;display:inline-flex}.module-ai-count{min-width:30px}.module-ai-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.module-ai-field{min-width:0}.module-ai-field.full{grid-column:1/-1}.module-ai-field label{color:var(--text-main,#eef3fa);margin-bottom:6px;font-size:10px;font-weight:700;line-height:1.4;display:block}.module-ai-field input,.module-ai-field select,.module-ai-field textarea,.module-ai-search input,.module-ai-attachment-row input{border:1px solid var(--border,#284161);background:var(--input-bg,#101f35);width:100%;color:var(--text-main,#f3f6fb);border-radius:11px;outline:none;font-family:inherit;font-size:11px;transition:border-color .2s,box-shadow .2s,background-color .2s}.module-ai-field input,.module-ai-field select,.module-ai-search input,.module-ai-attachment-row input{min-height:42px;padding:0 12px}.module-ai-field textarea{resize:vertical;min-height:98px;padding:11px 12px;line-height:1.55}.module-ai-field input::placeholder,.module-ai-field textarea::placeholder,.module-ai-search input::placeholder,.module-ai-attachment-row input::placeholder{color:#6f829a}.module-ai-field input:focus,.module-ai-field select:focus,.module-ai-field textarea:focus,.module-ai-search input:focus,.module-ai-attachment-row input:focus{border-color:#397cca;box-shadow:0 0 0 3px #397cca1f}.module-ai-field input:disabled,.module-ai-field select:disabled,.module-ai-field textarea:disabled{cursor:not-allowed;opacity:.65}.module-ai-field select{appearance:auto}.module-ai-attachment-box>div:first-child strong{color:var(--text-main,#f2f5fa);font-size:11px;font-weight:800;display:block}.module-ai-attachment-box>div:first-child p{color:var(--text-secondary,#8ea0b8);margin:4px 0 0;font-size:9px;line-height:1.5}.module-ai-switch{color:var(--text-main,#eaf0f7);cursor:pointer;align-items:center;gap:8px;margin-top:13px;font-size:10px;font-weight:700;display:inline-flex}.module-ai-switch input{accent-color:#397cca;width:16px;height:16px;margin:0}.module-ai-attachments{flex-direction:column;gap:9px;margin-top:12px;display:flex}.module-ai-attachment-row{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.module-ai-attachment-row>span{color:#78afea;background:#2563a61a;border:1px solid #397cca33;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:9px;font-weight:800;display:flex}.module-ai-empty-attachment{color:var(--text-secondary,#8ea0b8);background:#ffffff06;border:1px solid #ffffff0a;border-radius:10px;padding:12px;font-size:10px;line-height:1.5}.module-ai-form-footer{border-top:1px solid var(--border,#213753);justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding-top:16px;display:flex}.module-ai-template-note{flex-direction:column;gap:3px;min-width:0;display:flex}.module-ai-template-note strong{color:var(--text-main,#f1f5f9);font-size:10px;font-weight:800}.module-ai-template-note span{max-width:590px;color:var(--text-secondary,#8498b2);font-size:8px;line-height:1.55}.module-ai-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.module-ai-button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-family:inherit;font-size:10px;font-weight:800;line-height:1;transition:transform .18s,opacity .18s,border-color .18s,background-color .18s;display:inline-flex}.module-ai-button:hover:not(:disabled){transform:translateY(-1px)}.module-ai-button:active:not(:disabled){transform:translateY(0)}.module-ai-button:disabled{cursor:not-allowed;opacity:.5}.module-ai-button-primary{color:#fff;background:#2869a9}.module-ai-button-primary:hover:not(:disabled){background:#3379bd}.module-ai-button-secondary{color:#dbe6f2;background:0 0;border-color:#29425f}.module-ai-button-secondary:hover:not(:disabled){background:#ffffff0a;border-color:#3b5879}.module-ai-button-danger{color:#ff9e95;background:#b423181f;min-height:34px}.module-ai-button-danger:hover:not(:disabled){background:#b4231833}.module-ai-button-ai{color:#fff;background:linear-gradient(135deg,#6858ef,#2c72bd);box-shadow:0 8px 20px #4b5be02e}.module-ai-button-ai:hover:not(:disabled){box-shadow:0 10px 24px #4b5be03d}.module-ai-search{margin-bottom:14px}.module-ai-search input{background:#ffffff06}.module-ai-loading,.module-ai-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:190px;display:flex}.module-ai-loading{color:var(--text-secondary,#899db6);font-size:10px}.module-ai-empty-icon{background:#2563a614;border:1px solid #397cca1f;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.module-ai-empty strong{color:var(--text-main,#edf3f9);font-size:12px;font-weight:800}.module-ai-empty span{max-width:270px;color:var(--text-secondary,#8599b3);font-size:9px;line-height:1.55}.module-ai-list{flex-direction:column;gap:8px;display:flex}.module-ai-list-item{border:1px solid var(--border,#233a57);background:#ffffff05;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px;display:flex}.module-ai-list-item h3{color:var(--text-main,#edf2f8);margin:8px 0 4px;font-size:11px;line-height:1.4}.module-ai-list-item p{color:var(--text-secondary,#879bb4);margin:0;font-size:9px;line-height:1.5}.module-ai-list-item small{color:#697e97;margin-top:5px;font-size:8px;display:block}.module-ai-list-top{gap:6px;display:flex}.module-ai-status{color:#a7b6c8;background:#ffffff0d;border:1px solid #ffffff0a;border-radius:999px;align-items:center;min-height:21px;padding:0 7px;font-size:8px;font-weight:800;display:inline-flex}.module-ai-icon-button{color:#ff9f97;cursor:pointer;background:#b423181f;border:0;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;transition:background-color .18s,transform .18s;display:inline-flex}.module-ai-icon-button:hover{background:#b4231833;transform:translateY(-1px)}.module-ai-info-box{background:#2563a60f;border:1px solid #397cca1a;border-radius:12px;margin-top:14px;padding:12px}.module-ai-info-box strong{color:var(--text-main,#eaf1f8);margin-bottom:4px;font-size:9px;font-weight:800;display:block}.module-ai-info-box p{color:var(--text-secondary,#8296b0);margin:0;font-size:8px;line-height:1.55}.module-ai-generated-preview{background:linear-gradient(135deg,#6d5dfc14,#2563a60f);border:1px solid #6d5dfc33;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:13px 15px;display:flex}.module-ai-generated-preview>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.module-ai-generated-preview strong{color:var(--text-main,#edf2f8);font-size:10px;font-weight:800}.module-ai-generated-preview span{color:var(--text-secondary,#859ab3);font-size:8px;line-height:1.5}.module-ai-generated-badges{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.module-ai-generated-badges span{color:#b8afff;background:#ffffff0d;border:1px solid #6d5dfc2e;border-radius:999px;align-items:center;min-height:23px;padding:0 8px;font-size:8px;font-weight:800;display:inline-flex}:root:not(.dark) .module-ai-heading h1,:root:not(.dark) .module-ai-card-header h2,:root:not(.dark) .module-ai-field label,:root:not(.dark) .module-ai-user strong,:root:not(.dark) .module-ai-attachment-box>div:first-child strong,:root:not(.dark) .module-ai-template-note strong,:root:not(.dark) .module-ai-empty strong,:root:not(.dark) .module-ai-list-item h3,:root:not(.dark) .module-ai-generated-preview strong{color:#172033}:root:not(.dark) .module-ai-card,:root:not(.dark) .module-ai-user{background:#fff;border-color:#e1e7ef;box-shadow:0 8px 26px #1423370f}:root:not(.dark) .module-ai-field input,:root:not(.dark) .module-ai-field select,:root:not(.dark) .module-ai-field textarea,:root:not(.dark) .module-ai-search input,:root:not(.dark) .module-ai-attachment-row input{color:#172033;background:#fff;border-color:#d5ddea}:root:not(.dark) .module-ai-field input::placeholder,:root:not(.dark) .module-ai-field textarea::placeholder,:root:not(.dark) .module-ai-search input::placeholder,:root:not(.dark) .module-ai-attachment-row input::placeholder{color:#98a5b5}:root:not(.dark) .module-ai-attachment-box{background:#f8fafc;border-color:#cbd6e4}:root:not(.dark) .module-ai-empty-attachment,:root:not(.dark) .module-ai-list-item{background:#fbfcfe;border-color:#e5e9ef}:root:not(.dark) .module-ai-switch,:root:not(.dark) .module-ai-template-note strong,:root:not(.dark) .module-ai-info-box strong{color:#344054}:root:not(.dark) .module-ai-button-secondary{color:#344054;background:#fff;border-color:#d0d5dd}:root:not(.dark) .module-ai-button-secondary:hover:not(:disabled){background:#f8fafc}:root:not(.dark) .module-ai-form-footer{border-color:#e5e7eb}:root:not(.dark) .module-ai-template-note span,:root:not(.dark) .module-ai-heading p,:root:not(.dark) .module-ai-card-header p,:root:not(.dark) .module-ai-attachment-box>div:first-child p,:root:not(.dark) .module-ai-empty span,:root:not(.dark) .module-ai-list-item p,:root:not(.dark) .module-ai-info-box p,:root:not(.dark) .module-ai-generated-preview span,:root:not(.dark) .module-ai-user span{color:#667085}@media (width<=1080px){.module-ai-grid{grid-template-columns:1fr}.module-ai-history-card{position:static}}@media (width<=760px){.module-ai-heading,.module-ai-form-footer{flex-direction:column;align-items:stretch}.module-ai-user{align-items:flex-start;min-width:0}.module-ai-form-grid{grid-template-columns:1fr}.module-ai-field.full{grid-column:auto}.module-ai-actions{justify-content:stretch}.module-ai-actions .module-ai-button{flex:1}.module-ai-generated-preview{flex-direction:column;align-items:stretch}.module-ai-generated-badges{justify-content:flex-start}}@media (width<=520px){.module-ai-card{border-radius:15px;padding:15px}.module-ai-heading h1{font-size:23px}.module-ai-card-header{flex-direction:column}.module-ai-attachment-row{grid-template-columns:28px minmax(0,1fr)}.module-ai-attachment-row .module-ai-button{grid-column:2;justify-self:start}.module-ai-actions{flex-direction:column}.module-ai-actions .module-ai-button{flex:none;width:100%}}.module-ai-list-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;display:flex}.module-ai-list-actions .module-ai-button,.module-ai-list-actions .module-ai-icon-button{flex:none}.module-ai-modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.module-ai-preview-section{margin-top:20px}.module-ai-preview-table{border-collapse:collapse;table-layout:fixed;width:100%;margin:8px 0 18px}.module-ai-preview-table th,.module-ai-preview-table td{border:1px solid var(--border-color,#ffffff24);vertical-align:top;text-align:left;padding:10px 11px}.module-ai-preview-table th{width:28%;font-weight:700}.module-ai-preview-table ul{margin:0;padding-left:18px}.module-ai-preview-table li{margin:0 0 4px}.module-ai-preview-steps-table{table-layout:auto;font-size:12px}.module-ai-preview-steps-table th,.module-ai-preview-steps-table td{min-width:80px}.module-ai-preview-signature-table{border-collapse:collapse;width:48%;margin:30px 0 0 auto}.module-ai-preview-signature-table td{text-align:center;border:none;padding:4px}.module-ai-signature-space{height:72px}@media (width<=760px){.module-ai-list-actions,.module-ai-modal-actions{justify-content:flex-start}.module-ai-preview-document{overflow-x:auto}.module-ai-preview-table{min-width:680px}.module-ai-preview-signature-table{width:55%;min-width:280px}}.module-ai-preview-step-card{border:1px solid var(--border-color,#94a3b859);border-radius:12px;margin-bottom:18px;overflow:hidden}.module-ai-preview-step-title{background:#3b82f614;padding:10px 14px;font-weight:700}.module-ai-preview-step-card .module-ai-preview-table{margin:0}.module-ai-preview-step-card .module-ai-preview-table th{width:28%}.module-ai-preview-step-card .module-ai-preview-table ul{margin:0;padding-left:20px}.module-ai-attachment-item{border:1px solid var(--border-color,#94a3b859);border-radius:12px;gap:10px;margin-bottom:12px;padding:12px;display:grid}.module-ai-attachment-item textarea{min-height:130px}.module-ai-preview-attachment-card{border:1px solid var(--border-color,#94a3b859);border-radius:10px;margin-bottom:14px;padding:14px}.module-ai-preview-attachment-card h4{margin:0 0 10px}.module-ai-preview-attachment-content p{white-space:pre-wrap;margin:0 0 8px}.module-ai-attachment-box{background:#1e40af14;border:1px solid #60a5fa59;border-radius:16px;margin-top:18px;padding:16px}.module-ai-attachment-box>div:first-child strong{margin-bottom:4px;font-size:15px;display:block}.module-ai-attachment-box>div:first-child p{color:var(--text-secondary,#94a3b8);margin:0;font-size:12px}.module-ai-switch{cursor:pointer;align-items:center;gap:8px;margin:14px 0;font-size:13px;font-weight:700;display:inline-flex}.module-ai-switch input{accent-color:#3b82f6;width:16px;height:16px}.module-ai-attachments{gap:14px;display:grid}.module-ai-empty-attachment{text-align:center;color:var(--text-secondary,#94a3b8);border:1px dashed #94a3b866;border-radius:12px;padding:18px;font-size:13px}.module-ai-attachment-item{background:#0f172a33;border:1px solid #94a3b847;border-radius:14px;padding:12px}.module-ai-attachment-row{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:10px;display:grid}.module-ai-attachment-row>span{background:#2563eb2e;border:1px solid #3b82f64d;border-radius:9px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.module-ai-attachment-row input{min-width:0}.module-ai-attachment-editor-wrap{background:#0f172a;border:1px solid #94a3b859;border-radius:12px;overflow:hidden}.module-ai-attachment-editor-toolbar{background:#1e293bd9;border-bottom:1px solid #94a3b840;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 10px;display:flex}.module-ai-attachment-editor-toolbar>span{color:#cbd5e1;font-size:11px;line-height:1.4}.module-ai-attachment-image-button{color:#dbeafe;cursor:pointer;background:#3b82f61f;border:1px solid #60a5fa66;border-radius:8px;flex:none;justify-content:center;align-items:center;min-height:32px;padding:7px 11px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.module-ai-attachment-image-button:hover{background:#3b82f633}.module-ai-attachment-image-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.module-ai-attachment-editor{color:#0f172a;cursor:text;background:#fff;outline:none;min-height:180px;max-height:560px;padding:14px;font-size:13px;line-height:1.6;overflow:auto}.module-ai-attachment-editor:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.module-ai-attachment-editor p{margin:0 0 8px}.module-ai-attachment-editor ul,.module-ai-attachment-editor ol{padding-left:24px}.module-ai-attachment-editor table{border-collapse:collapse;width:100%;margin:10px 0}.module-ai-attachment-editor th,.module-ai-attachment-editor td{vertical-align:top;border:1px solid #94a3b8;min-width:60px;padding:6px 8px}.module-ai-attachment-editor th{background:#e2e8f0;font-weight:700}.module-ai-attachment-editor img{max-width:100%;height:auto;margin:8px auto;display:block}.module-ai-preview-title{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.module-ai-preview-title span{letter-spacing:.12em;color:var(--text-secondary,#94a3b8);font-size:11px}.module-ai-preview-title strong{font-size:18px;line-height:1.3}.module-ai-preview-attachment-content{overflow-wrap:anywhere}.module-ai-preview-attachment-content p{margin:0 0 8px}.module-ai-preview-attachment-content table{border-collapse:collapse;width:100%;margin:10px 0}.module-ai-preview-attachment-content th,.module-ai-preview-attachment-content td{border:1px solid var(--border-color,#94a3b866);vertical-align:top;padding:7px 9px}.module-ai-preview-attachment-content th{font-weight:700}.module-ai-preview-attachment-content img{max-width:100%;height:auto;margin:8px auto;display:block}@media (width<=720px){.module-ai-attachment-editor-toolbar{flex-direction:column;align-items:stretch}.module-ai-attachment-image-button{width:100%}.module-ai-attachment-row{grid-template-columns:34px minmax(0,1fr)}.module-ai-attachment-row .module-ai-button-danger{grid-column:2;justify-self:start}}.devices-page{flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}.devices-page .page-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.devices-page .page-heading>div{min-width:0}.devices-page .page-heading h1{margin:0;font-size:24px;line-height:1.2}.devices-page .page-heading p{color:var(--text-secondary);margin:6px 0 0;font-size:12px;line-height:1.5}.devices-page .primary-button,.devices-page .secondary-button{border:1px solid var(--border);min-height:38px;font:inherit;cursor:pointer;box-sizing:border-box;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:12px;font-weight:700;line-height:1;transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex}.devices-page .primary-button{color:#fff;background:#2563a6;border-color:#2563a6;box-shadow:0 3px 10px #2563a629}.devices-page .primary-button:hover{background:#1d4f85;border-color:#1d4f85;transform:translateY(-1px)}.devices-page .secondary-button{background:var(--surface);color:var(--text-main)}.devices-page .secondary-button:hover{background:var(--surface-soft);border-color:#94a3b8}.devices-page button:disabled{opacity:.55;cursor:not-allowed;transform:none}.devices-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.device-type-card{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text-main);text-align:left;cursor:pointer;box-sizing:border-box;border-radius:14px;align-items:center;gap:12px;padding:15px;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:flex}.device-type-card:hover{background:var(--surface-soft);border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 6px 18px #0f172a0d}.device-type-icon{border:1px solid var(--border);background:var(--surface-soft);border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.device-type-card strong,.device-type-card small{display:block}.device-type-card strong{font-size:14px;line-height:1.25}.device-type-card small{color:var(--text-secondary);margin-top:4px;font-size:10px;line-height:1.4}.device-type-arrow{color:var(--text-secondary);flex:none;margin-left:auto;font-size:18px}.devices-form-card,.devices-list-card{border:1px solid var(--border);background:var(--surface);box-sizing:border-box;border-radius:16px;width:100%;min-width:0;padding:22px;box-shadow:0 8px 22px #0f172a0a}.section-card-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.section-card-header>div{min-width:0}.section-card-header h2{margin:0;font-size:17px;line-height:1.3}.section-card-header p{color:var(--text-secondary);margin:5px 0 0;font-size:11px;line-height:1.5}.devices-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:15px;display:grid}.devices-form-grid label{flex-direction:column;gap:7px;min-width:0;display:flex}.devices-form-grid label>span,.device-item-fields label>span{color:var(--text-secondary);font-size:11px;font-weight:700;line-height:1.35}.devices-form-grid input,.devices-form-grid select,.devices-form-grid textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text-main);font:inherit;border-radius:10px;outline:none;padding:10px 11px;font-size:12px;line-height:1.45;transition:border-color .18s,box-shadow .18s,background-color .18s}.devices-form-grid input,.devices-form-grid select{min-height:39px}.devices-form-grid textarea{resize:vertical;min-height:88px;overflow-y:auto}.devices-form-grid input::placeholder,.devices-form-grid textarea::placeholder{color:var(--text-secondary);opacity:.7}.devices-form-grid input:focus,.devices-form-grid select:focus,.devices-form-grid textarea:focus{border-color:#2563a6;box-shadow:0 0 0 3px #2563a61a}.devices-form-full{grid-column:1/-1}.devices-source-card{border:1px solid var(--border);background:var(--surface-soft);box-sizing:border-box;border-radius:13px;margin-top:20px;padding:17px}.devices-source-header h3{color:var(--text-main);margin:0;font-size:13px;line-height:1.35}.devices-source-header p{color:var(--text-secondary);margin:5px 0 0;font-size:10px;line-height:1.55}.devices-source-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px;display:grid}.devices-source-option{border:1px solid var(--border);background:var(--surface);cursor:pointer;box-sizing:border-box;border-radius:10px;align-items:flex-start;gap:10px;min-width:0;padding:11px 12px;transition:border-color .18s,background-color .18s;display:flex}.devices-source-option:hover{background:var(--surface-soft);border-color:#94a3b8}.devices-source-option input{accent-color:#2563a6;flex:none;margin:2px 0 0}.devices-source-option span{flex:1;min-width:0}.devices-source-option strong,.devices-source-option small{display:block}.devices-source-option strong{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;overflow:hidden}.devices-source-option small{color:var(--text-secondary);margin-top:3px;font-size:9px;line-height:1.4}.devices-source-empty{border:1px dashed var(--border);color:var(--text-secondary);background:var(--surface);border-radius:9px;margin-top:12px;padding:12px;font-size:10px;line-height:1.55}.device-source-summary{color:#2563a6!important}.devices-items-header{justify-content:space-between;align-items:flex-end;gap:14px;margin:24px 0 13px;display:flex}.devices-items-header>div{min-width:0}.devices-items-header h3{color:var(--text-main);margin:0;font-size:14px;line-height:1.3}.devices-items-header p{color:var(--text-secondary);margin:5px 0 0;font-size:10px;line-height:1.5}.devices-items-list{flex-direction:column;gap:13px;width:100%;min-width:0;display:flex}.device-item-row{border:1px solid var(--border);background:var(--surface-soft);box-sizing:border-box;border-radius:13px;grid-template-columns:38px minmax(0,1fr) 34px;gap:12px;width:100%;min-width:0;padding:15px;display:grid}.device-item-number{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-main);box-sizing:border-box;border-radius:9px;place-items:center;font-size:12px;font-weight:800;display:grid}.device-item-fields{align-items:flex-start;gap:13px;width:100%;min-width:0;display:flex}.device-item-fields label{flex-direction:column;flex:1 1 0;gap:7px;min-width:0;display:flex}.device-item-fields label:first-child{flex:0 0 110px}.device-item-fields .device-item-wide{flex:2 1 0;min-width:0}.device-item-fields input,.device-item-fields textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text-main);font:inherit;border-radius:10px;outline:none;padding:10px 11px;font-size:12px;line-height:1.5;transition:border-color .18s,box-shadow .18s,background-color .18s}.device-item-fields input{min-height:39px}.device-item-fields textarea{resize:vertical;min-height:118px;overflow-y:auto}.device-item-fields input::placeholder,.device-item-fields textarea::placeholder{color:var(--text-secondary);opacity:.7}.device-item-fields input:focus,.device-item-fields textarea:focus{border-color:#2563a6;box-shadow:0 0 0 3px #2563a61a}.icon-danger-button{color:#dc2626;cursor:pointer;box-sizing:border-box;background:#dc26260f;border:1px solid #dc262638;border-radius:9px;align-self:start;place-items:center;width:32px;height:32px;padding:0;font-size:18px;line-height:1;transition:background-color .18s,border-color .18s;display:grid}.icon-danger-button:hover{background:#dc26261f;border-color:#dc262657}.devices-form-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;padding-top:17px;display:flex}.devices-alert{border-radius:10px;padding:12px 14px;font-size:12px;font-weight:600;line-height:1.5}.devices-alert.success{color:#15803d;background:#16a34a17;border:1px solid #16a34a29}.devices-alert.error{color:#b91c1c;background:#dc262614;border:1px solid #dc262629}.devices-list-tools{align-items:center;gap:8px;min-width:330px;display:flex}.devices-list-tools input,.devices-list-tools select{box-sizing:border-box}.devices-list-tools input{min-width:200px}.devices-list-tools select{width:130px}.devices-table-wrap{border:1px solid var(--border);border-radius:11px;overflow-x:auto}.devices-table{border-collapse:collapse;width:100%;font-size:12px}.devices-table th,.devices-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:12px 11px}.devices-table th{color:var(--text-secondary);background:var(--surface-soft);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:800}.devices-table tbody tr:last-child td{border-bottom:none}.devices-table tbody tr:hover{background:var(--surface-soft)}.devices-table td strong,.devices-table td small{display:block}.devices-table td strong{color:var(--text-main);font-size:12px}.devices-table td small{color:var(--text-secondary);margin-top:3px;font-size:10px;line-height:1.4}.device-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.device-status.draft{color:#b45309;background:#f59e0b1a}.device-status.finalized{color:#15803d;background:#16a34a1a}.device-actions{gap:7px;display:flex}.table-action-button{border:1px solid var(--border);background:var(--surface);color:var(--text-main);cursor:pointer;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:700;transition:background-color .18s,border-color .18s}.table-action-button:hover{background:var(--surface-soft);border-color:#94a3b8}.table-action-button.danger{color:#dc2626}.devices-empty{min-height:130px;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.module-ai-source-panel{border:1px solid var(--border);background:var(--surface-soft);box-sizing:border-box;border-radius:13px;width:100%;min-width:0;padding:17px}.module-ai-source-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.module-ai-source-panel-header>div{flex:1;min-width:0}.module-ai-source-panel-header strong{color:var(--text-main);font-size:13px;line-height:1.4;display:block}.module-ai-source-panel-header span{color:var(--text-secondary);margin-top:4px;font-size:10px;line-height:1.5;display:block}.module-ai-source-panel-controls{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.module-ai-source-panel-controls select{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;min-height:40px;color:var(--text-main);font:inherit;box-sizing:border-box;border-radius:10px;outline:none;padding:9px 11px;font-size:12px}.module-ai-source-panel-controls select:focus{border-color:#2563a6;box-shadow:0 0 0 3px #2563a61a}.module-ai-source-panel .module-ai-button{min-height:38px;font:inherit;cursor:pointer;box-sizing:border-box;border-radius:9px;padding:9px 13px;font-size:11px;font-weight:700}.module-ai-source-panel .module-ai-button-primary{color:#fff;background:#2563a6;border:1px solid #2563a6}.module-ai-source-panel .module-ai-button-primary:hover{background:#1d4f85;border-color:#1d4f85}.module-ai-source-panel .module-ai-button-secondary{border:1px solid var(--border);background:var(--surface);color:var(--text-main)}.module-ai-source-panel .module-ai-button-secondary:hover{background:var(--surface-soft);border-color:#94a3b8}.module-ai-source-summary{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:5px 8px;margin-top:11px;padding-top:11px;display:flex}.module-ai-source-summary span{color:var(--text-main);font-size:11px;font-weight:700}.module-ai-source-summary small{color:var(--text-secondary);font-size:10px}@media (width<=1100px){.devices-type-grid,.devices-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-item-fields{flex-wrap:wrap}.device-item-fields label{flex:calc(50% - 7px)}.device-item-fields label:first-child{flex:0 0 calc(50% - 7px)}.device-item-fields .device-item-wide{flex:calc(50% - 7px)}}@media (width<=760px){.devices-page .page-heading,.section-card-header,.devices-items-header{flex-direction:column;align-items:stretch}.devices-page .page-heading .primary-button{width:100%}.devices-form-card,.devices-list-card{padding:16px}.devices-type-grid,.devices-form-grid{grid-template-columns:1fr}.devices-form-full{grid-column:auto}.devices-source-list{grid-template-columns:1fr}.device-item-row{grid-template-columns:32px minmax(0,1fr) 32px;gap:9px;padding:11px}.device-item-fields{flex-direction:column;gap:11px}.device-item-fields label,.device-item-fields label:first-child,.device-item-fields .device-item-wide{flex:auto;width:100%}.device-item-fields textarea{min-height:100px}.devices-list-tools{flex-direction:column;width:100%;min-width:0}.devices-list-tools input,.devices-list-tools select{width:100%;min-width:0}.devices-form-actions{flex-direction:column-reverse;align-items:stretch}.devices-form-actions button{width:100%}.module-ai-source-panel{padding:14px}.module-ai-source-panel-header{flex-direction:column;gap:10px}.module-ai-source-panel-controls{grid-template-columns:1fr}.module-ai-source-panel-controls .module-ai-button{width:100%}}.devices-list-tools input,.devices-list-tools select{box-sizing:border-box;border-radius:8px;min-height:38px;background:var(--surface)!important;color:var(--text-main)!important;border:1px solid var(--border)!important}.devices-list-tools input::placeholder{opacity:.75;color:var(--text-secondary)!important}.devices-list-tools input{width:200px}.devices-list-tools select{cursor:pointer;width:130px}.devices-list-tools input:focus,.devices-list-tools select:focus{outline:none;box-shadow:0 0 0 3px #2563a61a;border-color:#2563a6!important}.module-ai-preview-kktp-wrap{width:100%;overflow-x:auto}.module-ai-preview-kktp-table{table-layout:fixed;width:100%;min-width:820px;font-size:11px}.module-ai-preview-kktp-table th,.module-ai-preview-kktp-table td{vertical-align:top;word-break:normal;overflow-wrap:anywhere}.module-ai-preview-kktp-table thead th{text-align:center;vertical-align:middle}.module-ai-preview-kktp-table ol{margin:0;padding-left:17px}.module-ai-preview-kktp-table li{margin-bottom:4px;line-height:1.45}.module-ai-preview-kktp-number{text-align:center;white-space:nowrap}@media (width<=900px){.module-ai-preview-kktp-table{min-width:760px}}.header-notification-wrapper{position:relative}.notification-button{cursor:pointer;position:relative}.notification-icon{line-height:1;display:block}.notification-badge{border:2px solid var(--surface);color:#fff;box-sizing:border-box;background:#dc2626;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.notification-dropdown{z-index:1000;border:1px solid var(--border);background:var(--surface);width:360px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-md);border-radius:14px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.notification-dropdown-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:10px;padding:13px 14px;display:flex}.notification-dropdown-header>div{min-width:0}.notification-dropdown-header strong,.notification-dropdown-header span{display:block}.notification-dropdown-header strong{color:var(--text-main);font-size:13px}.notification-dropdown-header span{color:var(--text-secondary);margin-top:3px;font-size:10px}.notification-mark-all{color:#2563a6;cursor:pointer;background:0 0;border:0;flex:none;font-size:10px;font-weight:700}.notification-dropdown-list{max-height:410px;overflow-y:auto}.notification-item{border:0;border-bottom:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-main);text-align:left;cursor:pointer;box-sizing:border-box;align-items:flex-start;gap:10px;padding:12px 14px;display:flex;position:relative}.notification-item:hover,.notification-item.unread{background:var(--surface-soft)}.notification-item-icon{background:var(--surface-soft);border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.notification-item-body{flex:1;min-width:0}.notification-item-body strong,.notification-item-body span,.notification-item-body small{display:block}.notification-item-body strong{color:var(--text-main);font-size:11px;line-height:1.35}.notification-item-body span{color:var(--text-secondary);margin-top:3px;font-size:10px;line-height:1.5}.notification-item-body small{color:var(--text-secondary);margin-top:5px;font-size:9px}.notification-unread-dot{background:#2563a6;border-radius:50%;flex:none;width:7px;height:7px;margin-top:7px}.notification-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:180px;padding:20px;display:flex}.notification-empty>span{opacity:.65;font-size:26px}.notification-empty strong{color:var(--text-main);font-size:12px}.notification-empty p{max-width:240px;color:var(--text-secondary);margin:0;font-size:10px;line-height:1.5}.user-table-title{align-items:center;gap:10px;min-width:190px;display:flex}.sidebar-user-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.user-table-avatar{object-fit:cover;border-radius:50%;flex:0 0 36px;width:36px;height:36px}.user-table-avatar-fallback{background:var(--gradient-primary);color:#fff;place-items:center;font-size:13px;font-weight:800;display:grid}.user-table-identity{flex-direction:column;gap:3px;min-width:0;display:flex}.user-table-identity strong,.user-table-identity span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-page{flex-direction:column;gap:18px;display:flex}.teacher-dashboard-actions{gap:9px;display:grid}.teacher-dashboard-action{border:1px solid var(--border);background:var(--surface-soft);min-height:40px;color:var(--text-main);border-radius:9px;align-items:center;padding:0 12px;font-size:11px;font-weight:700;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.teacher-dashboard-action:hover{border-color:#2563a6;transform:translate(3px)}.teacher-module-list{flex-direction:column;display:flex}.teacher-module-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.teacher-module-item:last-child{border-bottom:0}.teacher-module-item>div{flex-direction:column;gap:4px;min-width:0;display:flex}.teacher-module-item strong,.teacher-module-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.teacher-module-item strong{color:var(--text-main);font-size:12px}.teacher-module-item span{color:var(--text-secondary);font-size:10px}.profile-page-grid{grid-template-columns:minmax(240px,.8fr) minmax(0,1.5fr);gap:18px;display:grid}.profile-summary-card{align-items:center;gap:14px;display:flex}.profile-summary-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;flex:0 0 64px;place-items:center;width:64px;height:64px;font-size:22px;font-weight:800;display:grid}.profile-summary-card h2{color:var(--text-main);margin:0;font-size:18px}.profile-summary-card p{color:var(--text-secondary);margin:4px 0 7px;font-size:11px}.profile-role-badge{background:var(--surface-soft);color:var(--text-secondary);border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.profile-form{flex-direction:column;gap:15px;display:flex}.profile-password-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.profile-form-header h2{color:var(--text-main);margin:0;font-size:16px}.profile-form-header p{color:var(--text-secondary);margin:4px 0 0;font-size:10px;line-height:1.5}.profile-field{flex-direction:column;gap:7px;display:flex}.profile-field label{color:var(--text-secondary);font-size:11px;font-weight:700}.profile-field input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--text-main);font:inherit;box-sizing:border-box;border-radius:10px;outline:none;padding:10px 11px;font-size:12px}.profile-field input:focus{border-color:#2563a6;box-shadow:0 0 0 3px #2563a61a}.profile-field small{color:var(--text-secondary);font-size:9px}.profile-readonly-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-readonly-field{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;flex-direction:column;gap:6px;padding:11px 12px;display:flex}.profile-readonly-field span{color:var(--text-secondary);font-size:10px;font-weight:700}.profile-readonly-field strong{color:var(--text-main);font-size:12px}.profile-form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:9px;margin-top:3px;padding-top:15px;display:flex}.profile-alert{border-radius:9px;padding:10px 12px;font-size:10px;font-weight:600}.profile-alert.error{color:#b91c1c;background:#dc262612;border:1px solid #dc262629}.profile-alert.success{color:#15803d;background:#16a34a12;border:1px solid #16a34a29}@media (width<=760px){.notification-dropdown{width:min(360px,100vw - 20px);right:-56px}.profile-page-grid,.profile-readonly-grid,.profile-password-grid{grid-template-columns:1fr}.profile-form-actions{flex-direction:column-reverse}.profile-form-actions button{width:100%}}.profile-avatar-image{object-fit:cover;display:block;overflow:hidden}.profile-avatar{overflow:hidden}.profile-avatar.large{flex:0 0 44px;width:44px;height:44px}.profile-photo-card{align-items:flex-start}.profile-photo-preview{flex:none}.profile-photo-info{flex:1;min-width:0}.profile-photo-info h2{color:var(--text-main);margin:0;font-size:18px;line-height:1.3}.profile-photo-info p{color:var(--text-secondary);margin:4px 0 7px;font-size:11px}.profile-photo-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.profile-photo-info>small{color:var(--text-secondary);margin-top:8px;font-size:9px;line-height:1.4;display:block}@media (width<=760px){.profile-photo-card{align-items:center}}