@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap";@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=DM+Sans:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #07c46b;--green-dark: #05a057;--green-darker: #038045;--green-light: #e6faf2;--green-lighter: #f5fdfa;--green-mid: #b3f0d5;--text-primary: #111;--text-secondary: #555;--text-muted: #999;--bg: #fff;--bg-secondary: #f9faff;--bg-tertiary: #f0f2f5}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg-secondary);color:var(--text-primary);min-height:100vh;font-size:15px;overflow-x:hidden}button,input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes unlockPop{0%{filter:blur(6px);opacity:.6}to{filter:blur(0);opacity:1}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 70px);background:#f9faff;padding:40px 20px}.auth-container{background:#fff;width:100%;max-width:420px;border-radius:12px;box-shadow:0 12px 48px #0000001f;padding:40px;border:1px solid #e2e6ea;animation:fadeInUp .3s ease-out}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{font-size:28px;color:#111;margin-bottom:8px;font-weight:700}.auth-header p{color:#555;font-size:15px}.auth-error{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:24px;border:1px solid #fecaca;text-align:center}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#111}.form-group input{padding:12px 16px;border:1px solid #cdd3da;border-radius:10px;font-size:15px;color:#111;background:#fff;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#07c46b;box-shadow:0 0 0 3px #e6faf2}.form-group input::placeholder{color:#999}.auth-submit-btn{background:#07c46b;color:#fff;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease;margin-top:8px}.auth-submit-btn:hover{background:#05a057}.auth-submit-btn:disabled{background:#b3f0d5;cursor:not-allowed}.auth-divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:#999}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e2e6ea}.auth-divider span{padding:0 16px;font-size:13px;font-weight:500}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px;background:#fff;border:1px solid #cdd3da;border-radius:10px;font-size:15px;font-weight:500;color:#111;cursor:pointer;transition:all .2s ease}.auth-google-btn:hover{background:#f9faff;border-color:#e2e6ea}.auth-google-btn:disabled{opacity:.7;cursor:not-allowed}.auth-footer{margin-top:32px;text-align:center;font-size:14px;color:#555}.auth-footer .auth-toggle-btn{background:none;border:none;color:#07c46b;font-weight:600;cursor:pointer;font-size:inherit;padding:0}.auth-footer .auth-toggle-btn:hover{text-decoration:underline}@media (max-width: 480px){.auth-page{padding:20px 15px}.auth-container{padding:24px}.auth-header h1{font-size:24px}.auth-header p{font-size:14px}}.dashboard-layout{display:flex;min-height:100vh;background:var(--bg-secondary)}.dashboard-layout .dashboard-main{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column}@media (max-width: 1024px){.dashboard-layout .dashboard-bottom-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.dashboard-layout .dashboard-main{padding:12px}}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#ffffff;border-bottom:1px solid #f1f5f9;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.dashboard-header .header-left{display:flex;align-items:center;gap:16px}.dashboard-header .header-left .page-header{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.dashboard-header .header-left .page-header h2{font-size:24px;font-weight:700;color:#0f172a;margin:0}.dashboard-header .header-left .page-header p{font-size:12px;color:#64748b;margin:0}.dashboard-header .header-left .title{font-size:24px;font-weight:800;color:#0f172a;margin:0}.dashboard-header .header-right{display:flex;align-items:center;gap:24px}.dashboard-header .header-right .upload-trigger-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#07c46b;color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.dashboard-header .header-right .upload-trigger-btn:hover{background:#05a057}.dashboard-header .header-right .toggle-wrap{width:max-content}.dashboard-header .header-right .icon-actions{display:flex;align-items:center;gap:12px}.dashboard-header .header-right .icon-actions .icon-btn{width:36px;height:36px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#334155;transition:all .2s}.dashboard-header .header-right .icon-actions .icon-btn:hover{background:#e2e8f0}.dashboard-header .header-right .icon-actions .bell-wrapper{position:relative;display:flex;align-items:center}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-badge{position:absolute;top:2px;right:2px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:1.5px solid #ffffff}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown{position:absolute;top:calc(100% + 10px);right:-50px;width:320px;background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;z-index:999;animation:dropdownFadeIn .15s ease}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f1f5f9;background:#f8fafc}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-header h4{margin:0;font-size:14px;font-weight:700;color:#0f172a}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-header .clear-all-btn{background:transparent;border:none;color:#64748b;font-size:11px;cursor:pointer;font-weight:600}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-header .clear-all-btn:hover{color:#0f172a;text-decoration:underline}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body{max-height:360px;overflow-y:auto;padding:8px 0}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .indexing-tasks-section{padding:8px 16px 12px;border-bottom:1px solid #f1f5f9}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .indexing-tasks-section h5{margin:0 0 8px;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .indexing-tasks-section .indexing-task-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .indexing-tasks-section .indexing-task-item:last-child{margin-bottom:0}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .indexing-tasks-section .indexing-task-item .task-info{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#334155}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .indexing-tasks-section .indexing-task-item .task-info .task-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .indexing-tasks-section .indexing-task-item .task-info .task-percent{color:#2563eb}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .indexing-tasks-section .indexing-task-item .task-progress-bar{height:5px;width:100%;background:#e2e8f0;border-radius:3px;overflow:hidden}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .indexing-tasks-section .indexing-task-item .task-progress-bar .task-progress-fill{height:100%;background:#2563eb;border-radius:3px;transition:width .3s ease-out}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .indexing-tasks-section .indexing-task-item .task-status{font-size:10.5px;color:#64748b;font-weight:500}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .notifications-section .no-notifications{padding:24px 16px;text-align:center;color:#94a3b8;font-size:13px}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .notifications-section .notification-item{padding:12px 16px;border-bottom:1px solid #f8fafc;cursor:pointer;transition:background .15s;display:flex;flex-direction:column;gap:4px}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .notifications-section .notification-item:last-child{border-bottom:none}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .notifications-section .notification-item:hover{background:#f8fafc}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .notifications-section .notification-item.unread{background:#f0f7ff}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .notifications-section .notification-item.unread:hover{background:#e0f0ff}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .notifications-section .notification-item.unread .notification-title{font-weight:700}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .notifications-section .notification-item .notification-title{font-size:12.5px;font-weight:600;color:#0f172a}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .notifications-section .notification-item .notification-message{margin:0;font-size:11.5px;color:#475569;line-height:1.4}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown .bell-dropdown-body .notifications-section .notification-item .notification-time{font-size:10px;color:#94a3b8;align-self:flex-end}.dashboard-header .header-right .user-profile{display:flex;align-items:center;gap:12px;cursor:pointer}.dashboard-header .header-right .user-profile .user-info{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.dashboard-header .header-right .user-profile .user-info .user-name{font-weight:700;font-size:16px;color:#0f172a}.dashboard-header .header-right .user-profile .user-info .user-role{font-size:9px;font-weight:400;color:#94a3b8;letter-spacing:3px}.dashboard-header .header-right .user-profile .user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center}.dashboard-header .header-right .user-profile .user-avatar img{width:100%;height:100%;object-fit:cover}.dashboard-header .header-right .user-avatar-wrapper{display:flex;align-items:center;gap:6px;cursor:pointer;position:relative}.dashboard-header .header-right .avatar-chevron{display:flex;align-items:center;position:absolute;background-color:var(--bg);border:1px solid var(--border-mid);border-radius:50%;top:25px;right:0;color:var(--text-muted, #888);transition:transform .2s ease}.dashboard-header .header-right .avatar-chevron.open{transform:rotate(180deg)}.dashboard-header .header-right .user-profile{position:relative}.dashboard-header .header-right .profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:170px;background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;box-shadow:0 8px 24px #0000001a;overflow:hidden;z-index:100;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dashboard-header .header-right .dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;cursor:pointer;font-size:11px;color:var(--text-primary, #111);text-align:left;transition:background .15s}.dashboard-header .header-right .dropdown-item:hover{background:var(--hover-bg, #f5f5f5)}.dashboard-header .header-right .dropdown-item.danger{color:#e53935}.dashboard-header .header-right .dropdown-item.danger:hover{background:#fef2f2}.dashboard-header .header-right .dropdown-divider{height:1px;background:var(--border-color, #e5e7eb);margin:4px 0}.dashboard-header .header-right .upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#07c46b;color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.dashboard-header .header-right .upload-btn:hover{background:#05a057}.dashboard-header .header-right .upload-btn.header-btn{height:40px}@media (max-width: 768px){.dashboard-header{padding:12px 16px;flex-wrap:wrap;gap:12px}.dashboard-header .header-left{gap:10px}.dashboard-header .header-left .page-header h2{font-size:15px}.dashboard-header .header-right{gap:10px;flex-wrap:wrap;justify-content:flex-end}.dashboard-header .header-right .toggle-switch,.dashboard-header .header-right .user-profile .user-info{display:none}.dashboard-header .header-right .upload-btn{padding:10px 16px;font-size:13px}}@media (max-width: 480px){.dashboard-header .header-left .page-header p{display:none}.dashboard-header .header-right .icon-actions .bell-wrapper .bell-dropdown{position:fixed;top:66px;left:12px;right:12px;width:auto}.dashboard-header .header-right .user-profile .profile-dropdown{right:-8px}}.toggle-container{position:relative;border-radius:3.125em;width:3.25em;height:1.875em;display:inline-block}.toggle-checkbox{-webkit-appearance:none;appearance:none;position:absolute;z-index:1;border-radius:inherit;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.toggle-checkbox:disabled{cursor:not-allowed}.toggle-track{display:flex;align-items:center;position:relative;border-radius:inherit;padding:.25em;width:100%;height:100%;background-color:#aeaeae;box-shadow:inset 0 .0625em .125em #0003;transition:background-color .4s linear}.toggle-container.green>.toggle-checkbox:checked+.toggle-track{background-color:var(--green)}.toggle-container.blue>.toggle-checkbox:checked+.toggle-track{background-color:#3384fb}.toggle-container.boo>.toggle-checkbox:checked+.toggle-track{background-color:#ff3372}.toggle-thumb{position:relative;border-radius:.6875em;transform-origin:left;width:1.375em;height:1.375em;background-color:#fff;box-shadow:0 .25em .25em #0003,inset 0 -.125em .25em #0003}.toggle-checkbox.toggled-once+.toggle-track>.toggle-thumb{animation-name:grow-out,bounce-out;animation-duration:.2s;animation-timing-function:cubic-bezier(.75,0,1,1),cubic-bezier(0,0,.3,1.5);animation-delay:0s,.2s;animation-fill-mode:forwards}.toggle-checkbox.toggled-once:checked+.toggle-track>.toggle-thumb{animation-name:grow-in,bounce-in}.toggle-container.boo .toggle-thumb:after{content:"";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%;background-size:63.6363636364% 54.5454545455%;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 -.125em .25em #0003;image-rendering:pixelated;opacity:0;transition:opacity .2s linear}.toggle-container.boo>.toggle-checkbox:checked+.toggle-track>.toggle-thumb:after{opacity:1}@media (hover: hover){.toggle-container.boo>.toggle-checkbox:hover+.toggle-track>.toggle-thumb:after{opacity:1}}@keyframes grow-in{0%{border-radius:.6875em;transform:translate(0) scale(1)}to{border-radius:.4448529412em/.9453125em;transform:translate(.5em) scale(1.5454545455,.7272727273)}}@keyframes bounce-in{0%{border-radius:.4448529412em/.9453125em;transform:translate(.5em) scale(1.5454545455,.7272727273)}to{border-radius:.6875em;transform:translate(100%) scale(1)}}@keyframes grow-out{0%{border-radius:.6875em;transform:translate(100%) scale(1)}to{border-radius:.4448529412em/.9453125em;transform:translate(.125em) scale(1.5454545455,.7272727273)}}@keyframes bounce-out{0%{border-radius:.4448529412em/.9453125em;transform:translate(.125em) scale(1.5454545455,.7272727273)}to{border-radius:.6875em;transform:translate(0) scale(1)}}.left-menu{width:260px;background:#ffffff;height:100vh;padding:20px 0;display:flex;flex-direction:column;position:sticky;top:0;left:0}.left-menu .logo-container{display:flex;align-items:center;padding:0 24px;margin-bottom:30px;position:relative}.left-menu .logo-container .logo-icon{width:40px;height:40px;background:#c25e00;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;font-style:italic}.left-menu .logo-container .logo-text{font-size:24px;font-weight:700;color:#0f172a;margin-left:12px;white-space:nowrap;width:100px;font-family:"Montserrat" sans-serif}.left-menu .logo-container .collapse-btn{width:28px;height:28px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;right:-14px;box-shadow:0 2px 4px #0000001a}.left-menu .logo-container .collapse-btn svg{color:#64748b;font-size:16px}.left-menu .menu-section{margin-bottom:24px}.left-menu .menu-section .menu-title{font-size:14px;font-weight:700;color:#0f172a;padding:0 24px;margin-bottom:12px}.left-menu .menu-section .menu-list{list-style:none;padding:0;margin:0}.left-menu .menu-section .menu-list .menu-item{display:flex;align-items:center;padding:12px 24px;color:#334155;cursor:pointer;font-weight:500;font-size:16px;transition:all .2s;margin:4px 12px;border-radius:8px}.left-menu .menu-section .menu-list .menu-item .icon{font-size:20px;margin-right:12px;color:#64748b}.left-menu .menu-section .menu-list .menu-item:hover{background:#f8fafc}.left-menu .menu-section .menu-list .menu-item.selected{background:#07c46b;color:#fff}.left-menu .menu-section .menu-list .menu-item.selected .icon{color:#fff}.left-menu .menu-section .menu-list .menu-item .menu-item-inner{display:flex;flex-direction:row;width:100%;justify-content:space-between}.left-menu .menu-section .menu-list .menu-item .menu-item-left{display:flex;flex-direction:row;align-items:center;gap:7px}.sub-menu-list{list-style:none;padding:0;margin:0 0 0 16px}.sub-menu-list .sub-menu-item{padding:8px 24px;color:#64748b;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s;margin:2px 12px;border-radius:8px;border-left:2px solid transparent}.sub-menu-list .sub-menu-item:hover{background:#f8fafc;color:#334155}.sub-menu-list .sub-menu-item.selected{background:#f1f5f9;color:#07c46b;border-left:2px solid #07c46b;font-weight:600}@keyframes leftMenuBackdropFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 900px){.left-menu{position:fixed;top:0;left:0;height:100vh;overflow-y:auto;transform:translate(-100%);transition:transform .25s ease;z-index:1000;box-shadow:2px 0 16px #00000026}.left-menu.mobile-open{transform:translate(0)}.left-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:999;animation:leftMenuBackdropFadeIn .15s ease}}@media (max-width: 380px){.left-menu{width:85vw;max-width:280px}}.menu-drag-handle{display:none}@media (max-width: 900px){.menu-drag-handle{display:flex;align-items:center;justify-content:center;position:fixed;top:50%;left:0;width:26px;height:56px;background:#ffffff;border:1px solid #e2e8f0;border-left:none;border-radius:0 10px 10px 0;box-shadow:2px 0 8px #0000001a;color:#64748b;z-index:1001;cursor:grab;touch-action:none;transform:translateY(-50%);transition:background .15s}.menu-drag-handle:active{cursor:grabbing}.menu-drag-handle.open{background:#07c46b;color:#fff;border-color:#07c46b}}.dash-home{font-family:DM Sans,sans-serif;min-height:100vh;display:flex;flex-direction:column;gap:20px;color:var(--text-secondary)}.card{background:var(--bg);border:1px solid transparent;border-radius:22px;padding:24px;box-shadow:0 1px 2px #1111110d;transition:transform .15s ease,box-shadow .15s ease}.card:hover{box-shadow:0 8px 20px #11111112}.card--top{width:100%}.card--top .card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.card--top .card__eyebrow{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#999;margin:0 0 6px}.card--top .card__big-num{font-family:Sora,sans-serif;font-size:34px;font-weight:700;color:var(--text-primary);margin:0 0 6px;letter-spacing:-.02em}.card--top .card__sub{font-size:12.5px;color:#999;margin:0}.card--top .card__sub strong{color:#6366f1;font-weight:600}.card__period{font-size:12px;font-weight:500;color:var(--text-secondary);background:#f1eeff;padding:5px 12px;border-radius:999px;white-space:nowrap;cursor:pointer;user-select:none;transition:background .15s}.card__period:hover{background:#f1eeff}.card__period .chevron{margin-left:4px;font-size:10px}.card__inner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 900px){.card__inner-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.card__inner-grid{grid-template-columns:1fr}}.inner-card{border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;transition:transform .15s ease,box-shadow .15s ease}.inner-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #11111112}.inner-card--green{background:#edfcf4}.inner-card--blue{background:#eef4ff}.inner-card--amber{background:var(--bg-secondary)}.inner-card--purple{background:#f3f0ff}.inner-card__label{font-size:11.5px;font-weight:500;color:#999;margin:0;text-transform:uppercase;letter-spacing:.06em}.inner-card__val{font-family:Sora,sans-serif;font-size:20px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;border-radius:999px;padding:2px 8px}.badge--up{color:#07c46b;background:rgba(7,196,107,.1)}.badge--down{color:#ef4444;background:rgba(239,68,68,.1)}.bottom-row{display:grid;grid-template-columns:1fr 2fr;gap:20px}@media (max-width: 760px){.bottom-row{grid-template-columns:1fr}}.card--bottom .card__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card--bottom .card__section-title{font-family:Sora,sans-serif;font-size:14px;font-weight:600;color:var(--text-primary)}.donut-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.donut-svg{overflow:visible;filter:drop-shadow(0 4px 12px rgba(99,102,241,.12))}.donut-label-val{font-family:Sora,sans-serif;font-size:15px;font-weight:700;fill:var(--text-primary)}.donut-label-sub{font-size:10px;fill:var(--text-muted);font-family:DM Sans,sans-serif}.donut-legend{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.legend-item{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-secondary)}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bar-tooltip{position:absolute;top:-30px;background:var(--text-primary);color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:10;box-shadow:0 4px 12px #00000026}.bar-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-width:4px 4px 0;border-style:solid;border-color:var(--text-primary) transparent transparent transparent}.bar-chart{display:flex;align-items:flex-end;gap:6px;height:160px;padding-bottom:24px;position:relative}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}.bar{width:100%;max-width:28px;background:linear-gradient(180deg,#038045 0%,#05a057 100%);border-radius:6px 6px 2px 2px;transition:opacity .15s,transform .15s;min-height:6px}.bar:hover{opacity:.8;transform:scaleY(1.03);transform-origin:bottom}.bar-label{font-size:10px;color:#999;white-space:nowrap}.sparkline{width:80px;height:32px}.stats-layout{display:flex;gap:24px;width:100%;margin-top:20px;align-items:flex-start}@media (max-width: 900px){.stats-layout{flex-direction:column}}.stats-left{flex:1;min-width:0}.stats-right{width:320px;flex-shrink:0}@media (max-width: 900px){.stats-right{width:100%}}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stats-header h2{font-size:1.25rem;font-weight:600;margin:0}.stats-toggles{display:flex;gap:8px;background:var(--bg-tertiary);padding:4px;border-radius:8px}.toggle-btn{background:transparent;border:none;padding:6px 12px;color:var(--text-main);border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.toggle-btn:hover{color:var(--green)}.toggle-btn.active{background:var(--text-primary);color:#fff}.category-select{background:var(--bg-tertiary);color:var(--text-main);padding:6px 12px;border-radius:6px;font-size:.875rem;outline:none;cursor:pointer;border:none}.category-select:focus{border-color:var(--green)}.chart-container{padding:22px;background:var(--bg);border-radius:22px;box-shadow:0 1px 2px #1111110d;border:1px solid transparent}.ai-card{background:var(--bg);border:1px solid transparent;box-shadow:0 1px 2px #1111110d;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:16px}.ai-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:12px}.ai-card-header h3{margin:0;font-size:1.1rem;font-weight:700;background:linear-gradient(90deg,var(--green),var(--green-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ai-card-header .sparkle{font-size:1.2rem}.ai-card-body{color:var(--text-muted);font-size:.9rem;line-height:1.6}.ai-card-body ul{padding-left:20px;margin:12px 0}.ai-card-body ul li{margin-bottom:8px}.ai-card-body ul li strong{color:var(--text-primary)}.ai-card-body .ai-insight{margin-top:16px;padding:12px;background:var(--bg-tertiary);border-left:3px solid var(--green);border-radius:4px;color:var(--green-dark);font-style:italic}.ai-card-body .ai-id-text{margin-top:24px;font-size:.8rem;color:#64748b;text-align:right}@media (max-width: 768px){.stats-header{flex-direction:column;align-items:flex-start;gap:12px}.stats-header .stats-toggles{width:100%;overflow-x:auto;white-space:nowrap}.chart-container{padding:10px;overflow-x:auto}.ai-card{padding:16px}}.efm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.efm-modal{background:white;font-family:Montserrat,sans-serif;border-radius:12px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0003;overflow:hidden}.efm-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #eaeaea}.efm-header .efm-title{font-size:1.25rem;font-weight:600;color:#333}.efm-header .efm-close{background:none;border:none;cursor:pointer;color:#666;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.efm-header .efm-close:hover{background:#f0f0f0}.efm-body{padding:24px;overflow-y:auto;flex:1}.efm-body .efm-loading,.efm-body .efm-error{text-align:center;padding:40px;color:#666}.efm-body .efm-error{color:#e53935}.efm-body .efm-form{display:flex;flex-direction:column;gap:20px}.efm-body .efm-form .efm-id-field{font-size:.9rem;color:#666;background:var(--green-light);padding:10px 14px;border-radius:6px}.efm-body .efm-form .efm-toggle-container{display:flex;gap:8px;background:#f1f5f9;padding:4px;border-radius:8px;border:1px solid #e2e8f0}.efm-body .efm-form .efm-toggle-container .efm-toggle-btn{flex:1;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;border:none;background:transparent;color:#475569;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.efm-body .efm-form .efm-toggle-container .efm-toggle-btn:hover{color:#1e293b;background:rgba(255,255,255,.5)}.efm-body .efm-form .efm-toggle-container .efm-toggle-btn.active{background:#ffffff;color:#0f172a;box-shadow:0 1px 3px #0000001a}.efm-body .efm-form .efm-empty-tab{text-align:center;padding:40px;color:#64748b;font-size:1rem;font-weight:500;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}.efm-body .efm-form .efm-fields{display:flex;flex-direction:column;gap:16px}.efm-body .efm-form .efm-field{display:flex;flex-direction:column;gap:6px}.efm-body .efm-form .efm-field label{font-size:.9rem;font-weight:600;color:#646262}.efm-body .efm-form .efm-field textarea,.efm-body .efm-form .efm-field select{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:.95rem;font-family:inherit;resize:vertical;transition:border-color .2s}.efm-body .efm-form .efm-field textarea:focus,.efm-body .efm-form .efm-field select:focus{outline:none;border-color:#06c}.efm-body .efm-form .efm-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:10px;padding-top:16px;border-top:1px solid #eaeaea}.efm-body .efm-form .efm-footer button{padding:10px 20px;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center}.efm-body .efm-form .efm-footer button.efm-cancel-btn{background:white;border:1px solid #ccc;color:#444}.efm-body .efm-form .efm-footer button.efm-cancel-btn:hover:not(:disabled){background:#f5f5f5}.efm-body .efm-form .efm-footer button.efm-save-btn{background:var(--green);border:1px solid var(--green);color:#fff}.efm-body .efm-form .efm-footer button.efm-save-btn:hover:not(:disabled){background:var(--green-dark)}.efm-body .efm-form .efm-footer button.efm-save-btn:disabled{opacity:.7;cursor:not-allowed}.records-container{background:transparent;min-height:100vh;font-family:Inter,sans-serif}.records-container .records-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.records-container .records-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.records-container .records-header .records-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.records-container .records-header .delete-selected-btn{display:flex;align-items:center;gap:6px;background-color:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:100px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #ef444433}.records-container .records-header .delete-selected-btn:hover:not(:disabled){background-color:#dc2626;box-shadow:0 4px 6px #dc26264d}.records-container .records-header .delete-selected-btn:disabled{opacity:.6;cursor:not-allowed}.records-container .records-header .delete-selected-btn svg{font-size:15px}@media (max-width: 768px){.records-container .records-header h2{font-size:19px}.records-container .records-header p{font-size:13px}}.records-container .records-search{display:flex;align-items:center;gap:8px;background:var(--bg);padding:8px 16px;border-radius:100px;border:1px solid transparent;box-shadow:0 1px 2px #1111110d}@media (max-width: 768px){.records-container .records-search{padding:6px 10px;font-size:13px}}.records-container .records-table-wrapper{background:var(--bg);border-radius:22px;box-shadow:0 1px 2px #1111110d;overflow:hidden;border:1px solid transparent;min-height:400px;position:relative}@media (max-width: 768px){.records-container .records-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}.records-container .records-table-wrapper .loading-state,.records-container .records-table-wrapper .empty-state{display:flex;align-items:center;justify-content:center;height:400px;font-size:16px;color:#64748b;font-weight:500}.records-container .records-table-wrapper .records-table{width:100%;border-collapse:collapse}.records-container .records-table-wrapper .records-table thead{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.records-container .records-table-wrapper .records-table thead th{text-align:left;padding:16px 24px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#475569}.records-container .records-table-wrapper .records-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.records-container .records-table-wrapper .records-table tbody tr:hover{background-color:#f1f5f9}.records-container .records-table-wrapper .records-table tbody tr:last-child{border-bottom:none}.records-container .records-table-wrapper .records-table tbody tr td{padding:16px 24px;vertical-align:middle}.records-container .records-table-wrapper .records-table tbody tr td .fact-title{display:flex;align-items:center;gap:12px}.records-container .records-table-wrapper .records-table tbody tr td .fact-title .icon{color:#07c46b;font-size:20px}.records-container .records-table-wrapper .records-table tbody tr td .fact-title span{font-weight:500;color:#1e293b;font-size:15px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.records-container .records-table-wrapper .records-table tbody tr td .fact-source{font-size:14px;color:#64748b;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.records-container .records-table-wrapper .records-table tbody tr td .view-btn{background-color:transparent;border:1px solid #cbd5e1;color:#334155;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.records-container .records-table-wrapper .records-table tbody tr td .view-btn:hover{background-color:#f8fafc;border-color:#94a3b8;color:#0f172a}@media (max-width: 768px){.records-container .records-table-wrapper .records-table{min-width:640px}}.records-container .pagination-controls{display:flex;align-items:center;justify-content:flex-end;margin-top:24px;gap:16px}.records-container .pagination-controls .page-indicator{font-size:14px;font-weight:500;color:#475569}.records-container .pagination-controls .pagination-btn{display:flex;align-items:center;gap:8px;background-color:#fff;border:1px solid #e2e8f0;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;color:#334155;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.records-container .pagination-controls .pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1;color:#0f172a}.records-container .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#f1f5f9}.records-container .pagination-controls .pagination-btn svg{font-size:16px}@media (max-width: 768px){.records-container{padding:0 12px}}@media (max-width: 768px){.records-container .records-header h2{font-size:22px}.records-container .records-header p{font-size:13px}}@media (max-width: 768px){.records-container .pagination-controls{justify-content:space-between;flex-wrap:wrap;gap:10px}.records-container .pagination-controls .pagination-btn{padding:8px 12px;font-size:13px}}.users-page{padding:2rem 2.5rem;max-width:1400px}.users-page .page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.75rem}.users-page .page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.users-page .page-header .subtitle{color:var(--text-secondary);font-size:.925rem;margin:0}.users-page .page-header .header-actions{display:flex;gap:.75rem;align-items:center}.users-page .display{display:flex;align-items:center;justify-content:space-between;gap:10px}.users-page .table-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.users-page .table-toolbar .toggle-button{display:inline-flex;background:var(--bg);border-radius:100px;padding:5px;gap:4px;box-shadow:0 1px 2px #1111110d}.users-page .table-toolbar .toggle-button .toggle-button-item{border:none;background:transparent;padding:10px 22px;border-radius:100px;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease;white-space:nowrap}.users-page .table-toolbar .toggle-button .toggle-button-item:hover{color:var(--text-primary)}.users-page .table-toolbar .toggle-button .toggle-button-item.active{background:var(--text-primary);color:#fff}.users-page .result-count{font-size:.825rem;color:#999}.users-page .table-card{padding:0;overflow:hidden;background:var(--bg);border-radius:22px;box-shadow:0 1px 2px #1111110d;border:1px solid transparent}.users-page .checkbox{width:15px;height:15px;accent-color:#07c46b;cursor:pointer}.users-page tbody tr.selected{background:#f0fdf4}.users-page .user-cell{display:flex;align-items:center;gap:.75rem}.users-page .user-avatar{width:34px;height:34px;border-radius:50%;color:#fff;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.03em}.users-page .user-name{font-size:.875rem;font-weight:600;color:#111;line-height:1.3}.users-page .user-email{font-size:.8rem;color:#999}.users-page .workspace-cell{font-size:.85rem;color:#555}.users-page .time-cell{font-size:.825rem;color:#999;font-family:Monsterrat,sans-serif;white-space:nowrap}.users-page .row-actionss{display:flex;gap:.25rem}.users-page .icon-btn{background:#f0f5f3;border:1px solid #e2e6ea;border-radius:6px;width:28px;height:28px;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;color:#555}.users-page .icon-btn:hover{background:#fff;color:#111}.users-page .page-title-row{display:flex;align-items:center;gap:5px}.users-page .download-btn{background:transparent;border:1px solid #e2e6ea;border-radius:4px;cursor:pointer;padding:2px 6px;color:#555;transition:all .2s;font-size:1rem}.users-page .download-btn:hover{background:#fff;color:#111}.users-page .tooltip-wrapper{position:relative;display:flex;align-items:center}.users-page .tooltip-wrapper .tooltip-bubble{visibility:hidden;background-color:#333;color:#fff;text-align:center;border-radius:4px;padding:4px 8px;position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .2s;font-size:.75rem;white-space:nowrap}.users-page .tooltip-wrapper:hover .tooltip-bubble{visibility:visible;opacity:1}.users-page .badge-level1{background:rgba(0,196,107,.1);color:#07c46b}.users-page .badge-level2{background:rgba(245,158,11,.1);color:#f59e0b}.users-page .badge-level3{background:rgba(239,68,68,.1);color:#ef4444}.users-page .badge-level4{background:rgba(59,130,246,.1);color:#3b82f6}.users-page .badge-level5{background:rgba(168,85,247,.1);color:#a855f7}.users-page .modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.users-page .modal-box{background:var(--bg);padding:28px;border-radius:24px;width:600px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.users-page .modal-box .modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.users-page .modal-box .modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.users-page .modal-box .modal-header .modal-close-x{background:transparent;border:none;font-size:1.2rem;cursor:pointer;color:#999}.users-page .modal-box .modal-header .modal-close-x:hover{color:#111}.users-page .modal-box .modal-legend{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;background:#f0f5f3;padding:12px;border-radius:8px}.users-page .modal-box .modal-legend .legend-row{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#555}.users-page .modal-box .levels-table{width:100%;border-collapse:collapse;margin-bottom:20px}.users-page .modal-box .levels-table th{text-align:left;padding:8px;border-bottom:2px solid #e2e6ea;color:#555;font-size:.85rem}.users-page .modal-box .levels-table td{padding:12px 8px;border-bottom:1px solid #e2e6ea;color:#111;font-size:.9rem}.users-page .modal-box .levels-table .email-cell{color:#999;font-size:.8rem}.users-page .modal-box .levels-table .level-select{padding:6px;border-radius:4px;border:1px solid #e2e6ea;background:#fff;color:#111;font-size:.85rem;width:100%;cursor:pointer}.users-page .modal-box .levels-table .level-select:focus{outline:none;border-color:#07c46b}.users-page .modal-box .modal-footer{display:flex;justify-content:flex-end;padding-top:10px}@media (max-width: 768px){.users-page{padding:1rem}.users-page .page-header{flex-direction:column;align-items:flex-start;gap:1rem}.users-page .page-header .header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.users-page .display{flex-direction:column;align-items:flex-start}.users-page .table-toolbar{flex-direction:column;align-items:flex-start;gap:1rem}.users-page .table-toolbar .toggle-button{width:100%;overflow-x:auto;white-space:nowrap}.users-page .table-card{overflow-x:auto;width:100%}.users-page .table-card table{min-width:600px}.users-page .modal-box{padding:16px}.users-page .modal-box .levels-table{display:block;overflow-x:auto}}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(26,26,26,.85);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-out}.loading-overlay .loading-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px 60px;display:flex;flex-direction:column;align-items:center;gap:30px;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff1a;max-width:400px;width:90%;text-align:center;position:relative;overflow:hidden}.loading-overlay .loading-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(7,196,107,.15) 0%,transparent 60%);pointer-events:none;animation:rotateBg 6s linear infinite}.loading-overlay .loader-container{position:relative;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.loading-overlay .loader-ring{width:60px;height:60px;border:3px solid rgba(7,196,107,.15);border-top-color:#07c46b;border-radius:50%;animation:spin 1s cubic-bezier(.5,.1,.5,.9) infinite}.loading-overlay .loader-pulse{position:absolute;width:40px;height:40px;background:radial-gradient(circle,rgba(7,196,107,.4) 0%,transparent 70%);border-radius:50%;animation:pulse 1.5s ease-in-out infinite alternate}.loading-overlay .loading-text-container{display:flex;flex-direction:column;gap:8px;z-index:1}.loading-overlay .loading-title{font-size:22px;font-weight:700;letter-spacing:1px;color:#fff;margin:0;background:linear-gradient(135deg,#fff 0%,#a3a3a3 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.loading-overlay .loading-status{font-size:14px;font-weight:500;color:#a3a3a3;margin:0;min-height:20px;animation:textPulse 1s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(.85);opacity:.5}to{transform:scale(1.15);opacity:.9}}@keyframes rotateBg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes textPulse{0%{opacity:.7}to{opacity:1}}.upload-page{padding:8px 40px;max-width:1300px;margin:0 auto;height:100vh;overflow-y:scroll;overflow-x:hidden}@media (max-width: 768px){.upload-page{padding:24px 16px}}.upload-page .page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;margin-top:32px}.upload-page .page-header-left h2{font-size:32px;letter-spacing:-.5px;color:#111;margin-bottom:6px}.upload-page .page-header-left p{font-size:14px;color:#555}.upload-page .upload-trigger-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#07c46b;color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.upload-page .upload-trigger-btn:hover{background:#05a057}.upload-page .filter-search-row{width:100%;display:grid;grid-template-columns:45% 55%;gap:16px;margin-bottom:16px;flex-wrap:wrap}@media (max-width: 768px){.upload-page .filter-search-row{grid-template-columns:1fr}}.upload-page .booklet-toggle{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.upload-page .booklet-toggle .toggle-pill{padding:7px 16px;border-radius:999px;border:1.5px solid #e2e6ea;background:transparent;font-size:13px;font-weight:500;color:#555;cursor:pointer;transition:all .18s ease;white-space:nowrap}.upload-page .booklet-toggle .toggle-pill:hover{border-color:#07c46b;color:#038045;background:#e6faf2}.upload-page .booklet-toggle .toggle-pill.active{background:#07c46b;border-color:#07c46b;color:#fff;font-weight:600}.upload-page .search-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.upload-page .search-bar select,.upload-page .search-bar input[type=number],.upload-page .search-bar input[type=text]{height:38px;padding:0 12px;border:1px solid var(--border-light, #e0e0e0);border-radius:8px;font-size:14px;background:var(--bg-white, #fff);color:var(--text-primary, #111);outline:none;transition:border-color .2s}.upload-page .search-bar select:focus,.upload-page .search-bar input[type=number]:focus,.upload-page .search-bar input[type=text]:focus{border-color:var(--green)}.upload-page .search-bar select::placeholder,.upload-page .search-bar input[type=number]::placeholder,.upload-page .search-bar input[type=text]::placeholder{color:var(--text-secondary, #999)}.upload-page .search-bar select{width:50%;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.upload-page .search-bar input[type=number]{width:150px}.upload-page .search-bar input[type=number]::-webkit-inner-spin-button,.upload-page .search-bar input[type=number]::-webkit-outer-spin-button{appearance:none}.upload-page .search-bar .search-btn{height:38px;padding:0 18px;background:var(--green);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s,opacity .2s;white-space:nowrap}.upload-page .search-bar .search-btn:hover{opacity:.88}.upload-page .search-bar .search-btn:active{opacity:.75}.upload-page .search-bar .clear-btn{height:38px;padding:0 14px;background:transparent;color:var(--text-secondary, #888);border:1px solid var(--border-light, #e0e0e0);border-radius:8px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;white-space:nowrap}.upload-page .search-bar .clear-btn:hover{border-color:var(--red, #e24b4a);color:var(--red, #e24b4a)}.upload-page .search-bar .search-results-tag{margin-left:auto;font-size:13px;color:var(--text-secondary, #888)}.upload-page .search-bar .search-results-tag strong{color:var(--green)}@media (max-width: 640px){.upload-page .search-bar select{min-width:100%}.upload-page .search-bar input[type=number]{width:100%}.upload-page .search-bar .search-btn,.upload-page .search-bar .clear-btn{width:100%;justify-content:center}.upload-page .search-bar .search-results-tag{margin-left:0;width:100%}}.upload-page .file-list-container{min-width:850px;margin-top:24px;overflow-x:auto}.upload-page .file-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e2e6ea;border-radius:12px;overflow:hidden}.upload-page .file-table th{background:#f9faff;padding:14px 20px;text-align:left;font-size:12px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e6ea}.upload-page .file-table td{padding:16px 20px;font-size:14px;color:#111;border-bottom:1px solid #e2e6ea;vertical-align:middle}.upload-page .file-table tr:last-child td{border-bottom:none}.upload-page .file-table tr:hover td{background:#f9faff}.upload-page .file-table .file-name-cell{display:flex;align-items:center;gap:12px;font-weight:600}.upload-page .file-table .file-name-cell .file-icon{color:#07c46b;font-size:18px;flex-shrink:0}.upload-page .file-table .type-badge{display:inline-block;padding:4px 10px;background:#e6faf2;color:#038045;border-radius:4px;font-size:11px;font-weight:600;text-transform:capitalize}.upload-page .file-table .view-link-btn{display:inline-flex;align-items:center;gap:6px;color:#038045;font-weight:600;text-decoration:none;padding:6px 12px;border-radius:10px;transition:background .2s}.upload-page .file-table .view-link-btn:hover{background:#e6faf2;text-decoration:underline}.upload-page .pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:16px 20px;background:#fff;border:1px solid #e2e6ea;border-radius:12px}.upload-page .pagination-info{font-size:14px;color:#555}.upload-page .pagination-info strong{color:#111}.upload-page .pagination-btns{display:flex;gap:12px}.upload-page .p-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e2e6ea;border-radius:10px;font-size:13px;font-weight:600;color:#555;cursor:pointer;transition:all .2s}.upload-page .p-btn:hover:not(:disabled){border-color:#07c46b;color:#038045;background:#e6faf2}.upload-page .p-btn:disabled{opacity:.5;cursor:not-allowed}.upload-page .p-btn svg{font-size:16px}.upload-page .no-files{max-width:100%;text-align:center;padding:44px;background:#f9faff;border:2px dashed #e2e6ea;border-radius:12px;color:#999}.upload-page .no-files p{margin-top:8px;font-size:14px}.upload-page .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.upload-page .modal-content{background:#fff;width:100%;max-width:1000px;border-radius:12px;box-shadow:0 12px 48px #0000001f;overflow-y:auto;max-height:80vh;animation:modalIn .3s ease-out}.upload-page .modal-content .modal-header{padding:24px;border-bottom:1px solid #e2e6ea;display:flex;justify-content:space-between;align-items:center}.upload-page .modal-content .modal-header h3{font-family:"DM Serif Display",serif;font-size:24px;color:#111}.upload-page .modal-content .modal-header .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.upload-page .modal-content .modal-header .close-btn:hover{color:#111}.upload-page .modal-content .modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.upload-page .modal-content .input-group{display:flex;flex-direction:column;gap:6px}.upload-page .modal-content .input-group label{font-size:13px;font-weight:600;color:#555}.upload-page .modal-content .input-group input,.upload-page .modal-content .input-group select{padding:10px 14px;border:1px solid #cdd3da;border-radius:10px;font-size:14px;outline:none;background:#fff;color:#111}.upload-page .modal-content .input-group input:focus,.upload-page .modal-content .input-group select:focus{border-color:#07c46b;box-shadow:2px 2px #e6faf2}.upload-page .modal-content .dropzone{border:2px dashed #cdd3da;border-radius:12px;padding:32px;text-align:center;background:#f9faff;cursor:pointer;transition:all .2s}.upload-page .modal-content .dropzone.drag-over,.upload-page .modal-content .dropzone.has-file{border-color:#07c46b;background:#e6faf2}.upload-page .modal-content .dropzone .dropzone-icon{font-size:32px;color:#07c46b;margin-bottom:12px}.upload-page .modal-content .dropzone h4{font-size:15px;font-weight:600;margin-bottom:4px}.upload-page .modal-content .dropzone p{font-size:13px;color:#555}.upload-page .modal-content .modal-footer{padding:20px 24px;background:#f9faff;border-top:1px solid #e2e6ea;display:flex;justify-content:flex-end;gap:12px}.upload-page .modal-content .modal-footer button{padding:10px 24px;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.upload-page .modal-content .modal-footer .cancel-btn{background:transparent;border:1px solid #cdd3da;color:#555}.upload-page .modal-content .modal-footer .cancel-btn:hover{background:#f0f2f5}.upload-page .modal-content .modal-footer .submit-btn{background:#07c46b;border:none;color:#fff}.upload-page .modal-content .modal-footer .submit-btn:hover:not(:disabled){background:#05a057}.upload-page .modal-content .modal-footer .submit-btn:disabled{opacity:.6;cursor:not-allowed}.upload-page .modal-content .modal-footer .submit-btn{display:flex;align-items:center;gap:8px}.upload-page .action-btns{display:flex;gap:12px;flex-direction:row}.upload-page .action-btns .delete-btn,.upload-page .action-btns .edit-btn{cursor:pointer;color:#555;padding:6px;border-radius:4px;transition:all .2s}.upload-page .action-btns .delete-btn:hover,.upload-page .action-btns .edit-btn:hover{background:#f9faff;color:#111}.upload-page .progress-bar{width:100%;height:6px;background:#e2e6ea;border-radius:3px;overflow:hidden;margin-top:12px}.upload-page .progress-bar .progress-fill{height:100%;background:#07c46b;transition:width .3s}.upload-page .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logs-container{background:transparent;display:grid;grid-template-columns:2fr 1fr;gap:10px}.logs-container .logs-card{background:var(--bg);border-radius:22px;border:1px solid transparent;box-shadow:0 1px 2px #1111110d;overflow:hidden;display:flex;flex-direction:column}.logs-container .logs-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #f1f5f9}.logs-container .logs-header h3{font-size:18px;font-weight:700;color:#0f172a;margin:0}.logs-container .logs-header .close-btn{width:28px;height:28px;border-radius:50%;background:#f8fafc;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s}.logs-container .logs-header .close-btn:hover{background:#f1f5f9;color:#0f172a}.logs-container .logs-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:15px;flex-wrap:wrap}.logs-container .logs-toolbar .toolbar-left{display:flex;gap:12px;align-items:center}.logs-container .logs-toolbar .toolbar-left .status-indicator{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569;font-weight:500}.logs-container .logs-toolbar .toolbar-left .status-indicator .dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.logs-container .logs-toolbar .toolbar-left .status-indicator .dot.active{background:#22c55e;animation:pulse-dot 1.5s infinite}.logs-container .logs-toolbar .toolbar-right{display:flex;gap:10px;align-items:center}.logs-container .logs-toolbar .toolbar-right .filter-btn{padding:8px 18px;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--text-secondary);transition:background .2s ease,color .2s ease}.logs-container .logs-toolbar .toolbar-right .filter-btn:hover{color:var(--text-primary)}.logs-container .logs-toolbar .toolbar-right .filter-btn.active-filter{background:var(--text-primary);color:#fff}.logs-container .logs-table-wrapper{overflow-x:auto;width:100%}.logs-container .logs-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.logs-container .logs-table th{padding:14px 24px;font-weight:600;color:#94a3b8;border-bottom:1px solid #f1f5f9;font-size:13px;text-transform:capitalize}.logs-container .logs-table td{padding:14px 24px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle;font-family:inherit}.logs-container .logs-table .row-level{width:140px}.logs-container .logs-table .row-timestamp{width:200px;color:#64748b;font-size:13.5px}.logs-container .logs-table .level-badge{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px}.logs-container .logs-table .level-badge.level-info{color:#0284c7}.logs-container .logs-table .level-badge.level-warning{color:#ea580c}.logs-container .logs-table .level-badge.level-error{color:#dc2626}.logs-container .logs-table .level-badge svg{flex-shrink:0}.logs-container .logs-table .message-text{color:#0f172a;word-break:break-word;line-height:1.5}.logs-container .logs-table tbody tr:hover{background:#f8fafc}.logs-container .logs-footer{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:15px}.logs-container .logs-footer .footer-summary{color:#64748b;font-size:13.5px}.logs-container .logs-footer .pagination-controls{display:flex;align-items:center;gap:6px}.logs-container .logs-footer .pagination-controls .page-btn{min-width:32px;height:32px;padding:0 10px;border-radius:6px;border:1px solid #e2e8f0;background:#ffffff;color:#475569;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.logs-container .logs-footer .pagination-controls .page-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.logs-container .logs-footer .pagination-controls .page-btn:disabled{background:#f8fafc;color:#cbd5e1;cursor:not-allowed}.logs-container .logs-footer .pagination-controls .page-btn.active-page{background:var(--text-primary);color:#fff;border-color:transparent;font-weight:600}.logs-container .logs-footer .pagination-controls .page-btn.dots-btn{border:none;background:transparent;cursor:default}.logs-container .logs-footer .pagination-controls .page-btn.dots-btn:hover{background:transparent}.logs-container .indexing-queue{flex-shrink:0;background:var(--bg);border-radius:22px;border:1px solid var(--border-color);padding:16px;position:sticky;top:20px}.logs-container .indexing-queue h4{font-size:13px;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.logs-container .indexing-queue .indexing-queue-doc{border:1px solid #e2e8f0;border-radius:10px;padding:20px;background:var(--bg);transition:background .2s}.logs-container .indexing-queue .indexing-queue-doc:hover{background:var(--bg-secondary)}.logs-container .queue-btn{background:var(--green);color:var(--bg)}.logs-container .queue-btn:hover{background:var(--green-mid)}.logs-container .filter-btnn{border:#ccc 1px solid;border-radius:var(--radius-sm);color:var(--green);padding:5px}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}@media (max-width: 768px){.logs-container{padding:10px}.logs-header{padding:12px 16px}.logs-header h3{font-size:16px}.logs-toolbar{flex-direction:column;align-items:flex-start;padding:12px 16px}.logs-toolbar .toolbar-left,.logs-toolbar .toolbar-right{width:100%;flex-wrap:wrap}.logs-table th,.logs-table td{padding:10px 16px;font-size:13px}.logs-footer{padding:12px 16px;flex-direction:column;align-items:center;gap:12px}.logs-footer .pagination-controls{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.logs-table th,.logs-table td{padding:8px 12px;font-size:12px}}.gala-ai{--green: #07c46b;--green-dark: #05a057;--green-darker: #038045;--green-light: #e6faf2;--green-lighter: #f5fdfa;--green-mid: #b3f0d5;--text-primary: #111;--text-secondary: #555;--text-muted: #999;--bg: #fff;--bg-secondary: #f9faff;--bg-tertiary: #f0f2f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background:var(--bg-secondary);padding:10px;border-radius:28px;box-sizing:border-box;-webkit-font-smoothing:antialiased}.gala-ai *{box-sizing:border-box}.gala-tabs{display:inline-flex;background:var(--bg);border-radius:100px;padding:5px;gap:4px;box-shadow:0 1px 2px #1111110d;margin-bottom:22px}.gala-tab{border:none;background:transparent;padding:10px 22px;border-radius:100px;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease;white-space:nowrap}.gala-tab:hover{color:var(--text-primary)}.gala-tab.active{background:var(--text-primary);color:#fff}.gala-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:26px}.gala-card{background:var(--bg);border-radius:22px;padding:22px;position:relative;overflow:hidden;min-height:168px;display:flex;flex-direction:column}.gala-card.accent{background:var(--green-mid)}.gala-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.gala-card-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-secondary)}.gala-card.accent .gala-card-label{color:var(--green-darker)}.gala-icon-badge{width:30px;height:30px;border-radius:10px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.gala-card.accent .gala-icon-badge{background:rgba(255,255,255,.55)}.gala-icon-badge svg{width:16px;height:16px}.gala-dots{color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer}.gala-card-figure{display:flex;align-items:baseline;gap:10px;margin-bottom:auto}.gala-big-num{font-size:38px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.gala-card.accent .gala-big-num{color:var(--green-darker)}.gala-of{font-size:14px;color:var(--text-muted);font-weight:500}.gala-pct-chip{display:inline-flex;align-items:center;gap:5px;background:var(--green-light);color:var(--green-darker);font-size:12px;font-weight:700;padding:4px 10px;border-radius:100px}.gala-card.accent .gala-pct-chip{background:rgba(255,255,255,.6)}.gala-pct-chip.down{background:#ffe9e6;color:#c4392b}.gala-segments{display:flex;gap:5px;margin-top:16px}.gala-segments span{height:9px;flex:1;border-radius:4px;background:var(--bg-tertiary)}.gala-segments span.filled{background:var(--text-primary)}.gala-card.accent .gala-segments span.filled{background:var(--green-darker)}.gala-card.accent .gala-segments span{background:rgba(255,255,255,.5)}.gala-card.warn-tone .gala-big-num{color:#c4392b}.gala-mini-trend{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-muted);margin-top:auto;padding-top:14px}.gala-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.gala-section-title{font-size:17px;font-weight:700;color:var(--text-primary);margin:0}.gala-subfilters{display:flex;gap:22px}.gala-subfilter{background:none;border:none;padding:0 0 4px;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.gala-subfilter:hover{color:var(--text-secondary)}.gala-subfilter.active{color:var(--green-darker);border-bottom-color:var(--green)}.gala-doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gala-doc-card{background:var(--bg);border-radius:18px;padding:16px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border:1px solid transparent}.gala-doc-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #11111112}.gala-doc-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.gala-doc-icon{width:38px;height:38px;border-radius:11px;background:var(--green-light);display:flex;align-items:center;justify-content:center}.gala-doc-icon svg{width:18px;height:18px}.gala-status-pill{font-size:11px;font-weight:700;padding:4px 9px;border-radius:100px;text-transform:uppercase;letter-spacing:.3px;cursor:pointer}.gala-status-pill.processed{background:var(--green-light);color:var(--green-darker)}.gala-status-pill.queued{background:var(--bg-tertiary);color:var(--text-secondary)}.gala-status-pill.failed{background:#ffe9e6;color:#c4392b}.gala-doc-name{font-size:14.5px;font-weight:600;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gala-doc-meta{font-size:12.5px;color:var(--text-muted);margin:0 0 14px}.gala-doc-progress-row{display:flex;align-items:center;gap:10px}.gala-doc-bar{flex:1;height:6px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.gala-doc-bar-fill{height:100%;background:var(--green);border-radius:4px}.gala-doc-bar-fill.fail{background:#e8584a}.gala-doc-pct{font-size:12px;font-weight:700;color:var(--text-secondary);min-width:30px;text-align:right}.gala-doc-pages{font-size:11.5px;color:var(--text-muted);margin-top:8px}.gala-grid-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.gala-count-note{font-size:12.5px;color:var(--text-muted)}.gala-pagination{display:flex;gap:6px}.gala-page-btn{width:32px;height:32px;border-radius:10px;border:none;background:var(--bg);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.gala-page-btn:hover{background:var(--green-light);color:var(--green-darker)}.gala-page-btn.active{background:var(--text-primary);color:#fff}.gala-modal-overlay{position:fixed;inset:0;background:rgba(17,17,17,.45);display:none;align-items:center;justify-content:center;z-index:1000;padding:24px}.gala-modal-overlay.open{display:flex}.gala-modal{background:var(--bg);border-radius:24px;width:100%;max-width:560px;max-height:85vh;overflow-y:auto;padding:28px}.gala-modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px}.gala-modal-title{font-size:18px;font-weight:700;margin:0 0 4px}.gala-modal-sub{font-size:13px;color:var(--text-muted);margin:0}.gala-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-secondary);font-size:16px;cursor:pointer;flex-shrink:0}.gala-modal-close:hover{background:var(--green-light);color:var(--green-darker)}.gala-modal-stage-row{display:flex;gap:8px;margin:22px 0}.gala-stage{flex:1;text-align:center;padding:12px 6px;border-radius:14px;background:var(--bg-tertiary)}.gala-stage.done{background:var(--green-light)}.gala-stage.active{background:var(--green)}.gala-stage.fail{background:#ffe9e6}.gala-stage-icon{font-size:16px;margin-bottom:4px}.gala-stage-label{font-size:11px;font-weight:700;color:var(--text-secondary)}.gala-stage.done .gala-stage-label{color:var(--green-darker)}.gala-stage.active .gala-stage-label{color:#fff}.gala-stage.fail .gala-stage-label{color:#c4392b}.gala-modal-section-title{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin:22px 0 10px}.gala-log-list{display:flex;flex-direction:column;gap:10px}.gala-log-item{display:flex;gap:10px;align-items:flex-start;font-size:13px}.gala-log-dot{width:7px;height:7px;border-radius:50%;background:var(--green);margin-top:5px;flex-shrink:0}.gala-log-dot.fail{background:#e8584a}.gala-log-text{color:var(--text-secondary)}.gala-log-text b{color:var(--text-primary)}.gala-modal-footer{display:flex;gap:10px;margin-top:24px}.gala-btn{flex:1;padding:12px;border-radius:12px;border:none;font-size:13.5px;font-weight:700;cursor:pointer}.gala-btn-primary{background:var(--text-primary);color:#fff}.gala-btn-ghost{background:var(--bg-tertiary);color:var(--text-secondary)}.processed{background:var(--green-mid);color:var(--green-dark);opacity:.7}.unprocessed{background:var(--text-primary);color:var(--bg)}.processing{background:rgb(255,235,197);color:orange}@media (max-width: 900px){.gala-stats{grid-template-columns:1fr}.gala-doc-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.gala-ai{padding:18px;border-radius:18px}.gala-doc-grid{grid-template-columns:1fr}.gala-tabs{width:100%}.gala-tab{flex:1}}@media (prefers-reduced-motion: reduce){.gala-doc-card{transition:none}}.assets-page{padding:24px;height:100%;overflow-y:auto}.assets-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.assets-page .page-header h2{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 4px}.assets-page .page-header .subtitle{color:#64748b;font-size:14px;margin:0}.assets-page .btn-primary{background:var(--green);color:#fff;border:none;padding:10px 18px;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:background .2s}.assets-page .btn-primary:hover{background:var(--green)}.assets-page .btn-primary:disabled{background:var(--green-mid);cursor:not-allowed}.assets-page .btn-secondary{background:white;color:#475569;border:1px solid #cbd5e1;padding:10px 18px;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.assets-page .btn-secondary:hover{background:#f8fafc;color:#1e293b}.assets-page .assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.assets-page .assets-grid .no-assets{grid-column:1/-1;text-align:center;padding:60px 20px;color:#64748b;background:white;border-radius:12px;border:1px dashed #cbd5e1}.assets-page .assets-grid .asset-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.assets-page .assets-grid .asset-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.assets-page .assets-grid .asset-card__image-wrap{height:140px;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:16px;border-bottom:1px solid #e2e8f0}.assets-page .assets-grid .asset-card__image-wrap img{max-width:100%;max-height:100%;object-fit:contain}.assets-page .assets-grid .asset-card__info{padding:16px;text-transform:capitalize}.assets-page .assets-grid .asset-card__info h3{margin:0;font-size:15px;font-weight:600;color:#1e293b;text-align:center}.assets-page .modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(4px)}.assets-page .modal-content{background:white;border-radius:12px;width:100%;max-width:450px;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1)}.assets-page .modal-content h3{margin:0 0 24px;font-size:20px;font-weight:600;color:#1e293b}.assets-page .modal-content .form-group{margin-bottom:20px}.assets-page .modal-content .form-group label{display:block;font-size:14px;font-weight:500;color:#475569;margin-bottom:8px}.assets-page .modal-content .form-group input[type=text]{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.assets-page .modal-content .form-group input[type=text]:focus{border-color:var(--green);box-shadow:0 0 0 2px #3b82f61a}.assets-page .modal-content .form-group input[type=file]{width:100%;font-size:14px;color:#64748b}.assets-page .modal-content .form-group input[type=file]::file-selector-button{background:#f1f5f9;border:1px solid #cbd5e1;padding:8px 12px;border-radius:6px;color:#475569;cursor:pointer;margin-right:12px;font-weight:500;transition:background .2s}.assets-page .modal-content .form-group input[type=file]::file-selector-button:hover{background:#e2e8f0}.assets-page .modal-content .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:20px;border-top:1px solid #e2e8f0}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--green: #07c46b;--green-dark: #05a057;--green-darker: #038045;--green-light: #e6faf2;--green-mid: #b3f0d5;--text-primary: #111;--text-secondary: #555;--text-muted: #999;--bg: #fff;--bg-secondary: #f9faff;--bg-tertiary: #f0f2f5;--border: #e2e6ea;--border-mid: #cdd3da;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 48px rgba(0, 0, 0, .12);--radius: 12px;--radius-sm: 10px;--radius-full: 50px}.old-data-container{padding:12px 24px;background:transparent;min-height:calc(100vh - 100px);font-family:Outfit,Inter,sans-serif;color:#1e293b}.old-data-container .old-data-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.old-data-container .old-data-header .header-info h2{margin:0 0 6px;font-size:1.5rem;font-weight:600;color:#0f172a;letter-spacing:-.02em}.old-data-container .old-data-header .header-info p{margin:0;font-size:.875rem;color:#64748b}.old-data-container .old-data-header .header-actions{display:flex;align-items:center;gap:12px}.old-data-container .table-selector-tabs{display:flex;gap:8px;background:#f1f5f9;padding:4px;border-radius:12px;margin-bottom:24px;width:fit-content;overflow-x:auto;border:1px solid #e2e8f0}.old-data-container .table-selector-tabs .tab-btn{background:transparent;border:none;padding:8px 18px;border-radius:9px;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;white-space:nowrap}.old-data-container .table-selector-tabs .tab-btn:hover{color:#0f172a}.old-data-container .table-selector-tabs .tab-btn.active{background:#ffffff;color:#0f172a;font-weight:600;box-shadow:0 2px 4px #0f172a0d,0 1px 2px #0f172a0d}.old-data-container .toolbar-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px;flex-wrap:wrap}.old-data-container .toolbar-container .search-bar{display:flex;align-items:center;gap:10px;background:#ffffff;border:1px solid #e2e8f0;padding:10px 16px;border-radius:100px;width:320px;box-shadow:0 1px 2px #00000005;transition:all .2s ease}.old-data-container .toolbar-container .search-bar:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.old-data-container .toolbar-container .search-bar .search-icon{color:#94a3b8;font-size:1.1rem}.old-data-container .toolbar-container .search-bar input{border:none;background:transparent;outline:none;width:100%;font-size:.875rem;color:#1e293b}.old-data-container .toolbar-container .search-bar input::placeholder{color:#94a3b8}.old-data-container .toolbar-container .stats-badge{font-size:.875rem;color:#64748b;font-weight:500;background:#f8fafc;padding:6px 12px;border-radius:8px;border:1px solid #e2e8f0}.old-data-container .table-wrapper{background:#ffffff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;overflow-x:auto;position:relative;min-height:300px}.old-data-container .table-wrapper .loading-overlay{position:absolute;inset:0;background:rgba(255,255,255,.7);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:10;font-size:1rem;font-weight:500;color:#3b82f6}.old-data-container .table-wrapper .empty-state{padding:60px 24px;text-align:center;color:#64748b}.old-data-container .table-wrapper .empty-state svg{font-size:2.5rem;color:#cbd5e1;margin-bottom:12px}.old-data-container .table-wrapper .empty-state p{margin:0;font-size:.95rem}.old-data-container .table-wrapper .old-records-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.old-data-container .table-wrapper .old-records-table th{background:#f8fafc;padding:14px 20px;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;white-space:nowrap;user-select:none;cursor:pointer;transition:background .15s ease}.old-data-container .table-wrapper .old-records-table th:hover{background:#f1f5f9}.old-data-container .table-wrapper .old-records-table th .th-content{display:flex;align-items:center;gap:6px}.old-data-container .table-wrapper .old-records-table td{padding:14px 20px;border-bottom:1px solid #f1f5f9;color:#334155;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.old-data-container .table-wrapper .old-records-table td.actions-cell{text-align:right}.old-data-container .table-wrapper .old-records-table td .edit-row-btn{background:transparent;border:1px solid #cbd5e1;padding:6px 12px;border-radius:6px;font-size:.775rem;font-weight:500;color:#334155;cursor:pointer;transition:all .2s ease}.old-data-container .table-wrapper .old-records-table td .edit-row-btn:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.old-data-container .table-wrapper .old-records-table tr:last-child td{border-bottom:none}.old-data-container .table-wrapper .old-records-table tr:hover td{background:#f8fafc}.old-data-container .pagination-bar{display:flex;justify-content:space-between;align-items:center;margin-top:20px;flex-wrap:wrap;gap:16px}.old-data-container .pagination-bar .pagination-info{font-size:.875rem;color:#64748b}.old-data-container .pagination-bar .pagination-buttons{display:flex;align-items:center;gap:8px}.old-data-container .pagination-bar .pagination-buttons .page-size-select{padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;background:#ffffff;font-size:.875rem;color:#475569;outline:none;margin-right:8px;cursor:pointer}.old-data-container .pagination-bar .pagination-buttons .page-size-select:focus{border-color:#3b82f6}.old-data-container .pagination-bar .pagination-buttons .pagination-btn{display:flex;align-items:center;gap:6px;background:#ffffff;border:1px solid #e2e8f0;padding:8px 14px;border-radius:8px;font-size:.875rem;font-weight:500;color:#334155;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #00000005}.old-data-container .pagination-bar .pagination-buttons .pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.old-data-container .pagination-bar .pagination-buttons .pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9}.old-data-container .edit-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.4);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:999;animation:fadeIn .2s ease-out}.old-data-container .edit-modal-backdrop .edit-modal{background:#ffffff;width:90%;max-width:650px;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e2e8f0;display:flex;flex-direction:column;max-height:85vh;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.old-data-container .edit-modal-backdrop .edit-modal .modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.old-data-container .edit-modal-backdrop .edit-modal .modal-header h3{margin:0;font-size:1.15rem;font-weight:600;color:#0f172a}.old-data-container .edit-modal-backdrop .edit-modal .modal-header .close-btn{background:transparent;border:none;font-size:1.25rem;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:all .15s ease}.old-data-container .edit-modal-backdrop .edit-modal .modal-header .close-btn:hover{background:#f1f5f9;color:#475569}.old-data-container .edit-modal-backdrop .edit-modal .modal-body{padding:24px;overflow-y:auto;flex:1}.old-data-container .edit-modal-backdrop .edit-modal .modal-body .edit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.old-data-container .edit-modal-backdrop .edit-modal .modal-body .edit-form-grid{grid-template-columns:1fr}}.old-data-container .edit-modal-backdrop .edit-modal .modal-body .edit-form-grid .form-field{display:flex;flex-direction:column;gap:6px}.old-data-container .edit-modal-backdrop .edit-modal .modal-body .edit-form-grid .form-field.full-width{grid-column:1/-1}.old-data-container .edit-modal-backdrop .edit-modal .modal-body .edit-form-grid .form-field label{font-size:.775rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em}.old-data-container .edit-modal-backdrop .edit-modal .modal-body .edit-form-grid .form-field input,.old-data-container .edit-modal-backdrop .edit-modal .modal-body .edit-form-grid .form-field textarea{padding:10px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:.875rem;color:#1e293b;background:#ffffff;outline:none;transition:all .2s ease}.old-data-container .edit-modal-backdrop .edit-modal .modal-body .edit-form-grid .form-field input:focus,.old-data-container .edit-modal-backdrop .edit-modal .modal-body .edit-form-grid .form-field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.old-data-container .edit-modal-backdrop .edit-modal .modal-body .edit-form-grid .form-field input:disabled,.old-data-container .edit-modal-backdrop .edit-modal .modal-body .edit-form-grid .form-field textarea:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed;border-color:#e2e8f0}.old-data-container .edit-modal-backdrop .edit-modal .modal-body .edit-form-grid .form-field textarea{resize:vertical;min-height:80px}.old-data-container .edit-modal-backdrop .edit-modal .modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.old-data-container .edit-modal-backdrop .edit-modal .modal-footer .cancel-btn{background:#ffffff;border:1px solid #cbd5e1;padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}.old-data-container .edit-modal-backdrop .edit-modal .modal-footer .cancel-btn:hover{background:#f8fafc;border-color:#94a3b8}.old-data-container .edit-modal-backdrop .edit-modal .modal-footer .save-btn{background:#3b82f6;border:1px solid transparent;padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #3b82f640}.old-data-container .edit-modal-backdrop .edit-modal .modal-footer .save-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 6px #2563eb59}.old-data-container .edit-modal-backdrop .edit-modal .modal-footer .save-btn:disabled{opacity:.6;cursor:not-allowed}.old-data-container .toast-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:10px}.old-data-container .toast-container .toast-msg{background:#1e293b;color:#fff;padding:12px 20px;border-radius:10px;font-size:.875rem;font-weight:500;box-shadow:0 10px 15px -3px #00000026;display:flex;align-items:center;gap:8px;animation:slideInRight .25s ease-out}.old-data-container .toast-container .toast-msg.success{border-left:4px solid #10b981;background:#0f172a}.old-data-container .toast-container .toast-msg.error{border-left:4px solid #ef4444;background:#0f172a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.developer-portal{padding:24px;color:#333;font-family:Montserrat,sans-serif;min-height:100vh}.developer-portal .portal-header{margin-bottom:32px}.developer-portal .portal-header h2{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.developer-portal .portal-header h2 svg{color:var(--green)}.developer-portal .portal-header p{color:#666;margin:0;font-size:16px}.developer-portal .portal-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (max-width: 900px){.developer-portal .portal-grid{grid-template-columns:1fr}}.developer-portal .portal-card{background:white;border-radius:12px;padding:24px;box-shadow:0 4px 12px #0000000d;border:1px solid #eaeaea}.developer-portal .portal-card h3{display:flex;align-items:center;gap:8px;margin:0 0 20px;font-size:18px;font-weight:600;color:#1a1a1a}.developer-portal .portal-card .key-display-area{display:flex;gap:12px;margin-bottom:24px}.developer-portal .portal-card .key-display-area .key-box{flex:1;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px 16px;font-family:monospace;font-size:16px;color:#333;display:flex;align-items:center;letter-spacing:1px}.developer-portal .portal-card .key-display-area .key-actions{display:flex;gap:8px}.developer-portal .portal-card .key-display-area .key-actions .icon-btn{background:white;border:1px solid #e9ecef;border-radius:8px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555;transition:all .2s}.developer-portal .portal-card .key-display-area .key-actions .icon-btn:hover{background:#f8f9fa;color:var(--green);border-color:var(--green)}.developer-portal .portal-card .key-display-area .key-actions .icon-btn svg{font-size:20px}.developer-portal .portal-card .no-key-area{text-align:center;padding:32px 0;background:#f8f9fa;border-radius:8px;border:1px dashed #ced4da;margin-bottom:24px}.developer-portal .portal-card .no-key-area p{margin:0 0 16px;color:#666}.developer-portal .portal-card .no-key-area .generate-btn{background:var(--green);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s;margin-bottom:12px}.developer-portal .portal-card .no-key-area .generate-btn:hover{background:#1976D2}.developer-portal .portal-card .no-key-area .free-credits-badge{display:block;font-size:12px;color:#4caf50;font-weight:500}.developer-portal .portal-card .api-instructions{background:#282c34;color:#abb2bf;border-radius:8px;padding:16px}.developer-portal .portal-card .api-instructions p{margin:0 0 8px;color:#fff}.developer-portal .portal-card .api-instructions pre{margin:0;font-family:Fira Code,monospace;font-size:13px;white-space:pre-wrap;word-break:break-all;line-height:1.5}.developer-portal .credits-card{display:flex;flex-direction:column}.developer-portal .credits-card .credits-balance{display:flex;align-items:baseline;gap:12px;margin-bottom:32px;padding:24px;background:var(--green-light);border-radius:8px}.developer-portal .credits-card .credits-balance .balance-amount{font-size:48px;font-weight:800;color:var(--green-dark);line-height:1}.developer-portal .credits-card .credits-balance .balance-label{font-size:16px;color:var(--green-dark);font-weight:500}.developer-portal .credits-card .buy-credits-area{margin-top:auto;border-top:1px solid #eaeaea;padding-top:24px}.developer-portal .credits-card .buy-credits-area p{color:#666;margin:0 0 16px}.developer-portal .credits-card .buy-credits-area .buy-btn{width:100%;background:#4caf50;color:#fff;border:none;padding:14px;border-radius:6px;font-weight:600;font-size:16px;cursor:pointer;transition:background .2s}.developer-portal .credits-card .buy-credits-area .buy-btn:hover:not(:disabled){background:#43a047}.developer-portal .credits-card .buy-credits-area .buy-btn:disabled{background:#ccc;cursor:not-allowed}.dev-portal-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:18px;color:#666}