*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;color:#1f2937;background-color:#f3f4f6;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:hover{color:#362ad7}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:600;color:#1f2937}.hidden{display:none!important}.app-wrapper{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;transition:margin-left .25s ease}.page-content{flex:1;padding:32px;margin-top:60px}@media(max-width:768px){.page-content{padding:16px}}@media(max-width:640px){.page-content{padding:8px}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:16px;flex-wrap:wrap}.page-header__title{font-size:24px;font-weight:700;color:#1f2937}.page-header__subtitle{font-size:14px;color:#6b7280;margin-top:4px}.card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014;border:1px solid #E5E7EB}.card__header{padding:16px 24px;border-bottom:1px solid #E5E7EB;display:flex;align-items:center;justify-content:space-between;gap:8px}.card__title{font-size:18px;font-weight:600}.card__body{padding:24px}.card__footer{padding:16px 24px;border-top:1px solid #E5E7EB;display:flex;justify-content:flex-end;gap:8px}.alert{padding:16px 24px;border-radius:12px;font-size:14px;display:flex;align-items:flex-start;gap:8px;margin-bottom:16px}.alert--success{background:#d1fae5;color:#065f46;border:1px solid #A7F3D0}.alert--error{background:#fee2e2;color:#991b1b;border:1px solid #FECACA}.alert--warning{background:#fef3c7;color:#92400e;border:1px solid #FDE68A}.alert--info{background:#dbeafe;color:#1e40af;border:1px solid #BFDBFE}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:40;opacity:0;transition:opacity .25s ease}.sidebar-overlay.is-visible{opacity:1}@media(max-width:1024px){.sidebar-overlay{display:block;pointer-events:none}.sidebar-overlay.is-visible{pointer-events:all}}.navbar{position:fixed;top:0;left:0;right:0;height:60px;background:#fff;border-bottom:1px solid #E5E7EB;display:flex;align-items:center;justify-content:space-between;padding:0 4rem 0 1rem;z-index:50;gap:16px;box-shadow:0 1px 3px #00000014}.navbar__left,.navbar__right{display:flex;align-items:center;gap:16px}.navbar__brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#362ad7;white-space:nowrap}.navbar__brand .brand-lottie--dark{display:none}.navbar__page-title{font-size:14px;color:#6b7280;font-weight:500}@media(max-width:640px){.navbar__page-title{display:none}}.navbar__user{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:9999px;transition:background .15s ease}.navbar__user:hover{background:#f3f4f6}.navbar__user .user-avatar{width:34px;height:34px;border-radius:9999px;background:#362ad7;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.navbar__user .user-name{font-size:14px;font-weight:500;color:#1f2937}@media(max-width:640px){.navbar__user .user-name{display:none}}.navbar__user .user-role{font-size:12px;color:#6b7280}@media(max-width:640px){.navbar__user .user-role{display:none}}.navbar__dropdown{position:relative}.navbar__dropdown .dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:180px;overflow:hidden;z-index:100;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.navbar__dropdown .dropdown-menu.is-open{opacity:1;transform:translateY(0);pointer-events:all}.navbar__dropdown .dropdown-menu a,.navbar__dropdown .dropdown-menu button{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;color:#1f2937;width:100%;text-align:left;transition:background .15s ease}.navbar__dropdown .dropdown-menu a:hover,.navbar__dropdown .dropdown-menu button:hover{background:#f3f4f6;color:#362ad7}.navbar__dropdown .dropdown-menu a svg,.navbar__dropdown .dropdown-menu button svg{width:16px;height:16px;opacity:.6}.navbar__dropdown .dropdown-menu hr{border:none;border-top:1px solid #E5E7EB;margin:4px 0}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:background .15s ease,color .15s ease;flex-shrink:0}.theme-toggle:hover{background:#f3f4f6;color:#362ad7}.theme-toggle svg{display:block;transition:transform .25s ease}.theme-toggle:hover svg{transform:rotate(12deg)}.sidebar{position:fixed;top:60px;left:0;bottom:0;width:240px;background:#362ad7;display:flex;flex-direction:column;z-index:45;transition:transform .25s ease;overflow-y:auto;overflow-x:hidden}.sidebar__nav{flex:1;padding:16px 0}.sidebar__section-title{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;padding:8px 16px;margin-top:8px}.sidebar__link{display:flex;align-items:center;gap:8px;padding:8px 16px;color:#c7d2fe;font-size:14px;font-weight:500;border-radius:0;transition:background .15s ease,color .15s ease;position:relative;white-space:nowrap}.sidebar__link svg{width:18px;height:18px;flex-shrink:0;opacity:.7;transition:opacity .15s ease}.sidebar__link:hover{background:#312e81;color:#fff}.sidebar__link:hover svg{opacity:1}.sidebar__link.is-active{background:#362ad740;color:#fff;border-left:3px solid #362ad7}.sidebar__link.is-active svg{opacity:1}.sidebar__link.is-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#06c;border-radius:0 2px 2px 0}.sidebar__divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:8px 16px}.sidebar__footer{padding:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;gap:4px}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}}.sidebar-footer__brand{display:flex;align-items:center;gap:6px;color:#fff6}.sidebar-footer__brand svg{width:13px;height:13px;flex-shrink:0}.sidebar-footer__name{font-size:12px;font-weight:700;letter-spacing:.04em}.sidebar-footer__version{font-size:10px;background:#ffffff1a;border-radius:9999px;padding:1px 6px;color:#ffffff59}.sidebar-footer__author{font-size:10px;color:#fff3}.sidebar-footer__collab{display:flex;align-items:center;gap:5px;font-size:10px;color:#ffffff59;font-style:italic;text-decoration:none;margin-top:2px;transition:color .15s ease}.sidebar-footer__collab svg{width:11px;height:11px;flex-shrink:0;opacity:.6}.sidebar-footer__collab:hover{color:#ffffffa6}.sidebar-footer__collab:hover svg{opacity:1}@media(min-width:1025px){.main-content{margin-left:240px}}.burger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;border-radius:6px;cursor:pointer;background:transparent;border:none;gap:5px;padding:8px;flex-shrink:0;transition:background .15s ease}.burger:hover{background:#f3f4f6}.burger__line{display:block;width:22px;height:2px;background-color:#1f2937;border-radius:2px;transition:transform .25s ease,opacity .25s ease,width .25s ease;transform-origin:center}.burger.is-active .burger__line:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.is-active .burger__line:nth-child(2){opacity:0;width:0}.burger.is-active .burger__line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;border-radius:12px;border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;text-decoration:none;line-height:1}.btn svg{width:16px;height:16px;flex-shrink:0}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:#362ad7;color:#fff;border-color:#362ad7}.btn--primary:hover{background:#06c;border-color:#06c;color:#fff}.btn--secondary{background:#fff;color:#1f2937;border-color:#e5e7eb}.btn--secondary:hover{background:#f3f4f6;border-color:#cbd5e1}.btn--danger{background:#ef4444;color:#fff;border-color:#ef4444}.btn--danger:hover{background:#dc2626;border-color:#dc2626;color:#fff}.btn--success{background:#10b981;color:#fff;border-color:#10b981}.btn--success:hover{background:#059669;color:#fff}.btn--ghost{background:transparent;color:#362ad7;border-color:transparent}.btn--ghost:hover{background:#ede9fe}.btn--outline{background:transparent;color:#362ad7;border-color:#362ad7}.btn--outline:hover{background:#362ad7;color:#fff}.btn--sm{padding:6px 16px;font-size:12px;border-radius:6px}.btn--sm svg{width:14px;height:14px}.btn--lg{padding:13px 32px;font-size:16px;border-radius:16px}.btn--icon{padding:8px;border-radius:6px}.btn--icon svg{width:18px;height:18px}.btn--full{width:100%}.btn-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-label{font-size:14px;font-weight:500;color:#1f2937}.form-label .required{color:#ef4444;margin-left:2px}.form-control{width:100%;padding:10px 16px;font-size:14px;color:#1f2937;background:#fff;border:1.5px solid #E5E7EB;border-radius:12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;line-height:1.5}.form-control::placeholder{color:#9ca3af}.form-control:hover{border-color:#cbd5e1}.form-control:focus{border-color:#362ad7;box-shadow:0 0 0 3px #362ad71f}.form-control--error{border-color:#ef4444}.form-control--error:focus{box-shadow:0 0 0 3px #ef44441f}.form-control[disabled],.form-control[readonly]{background:#f3f4f6;color:#6b7280;cursor:not-allowed}textarea.form-control{resize:vertical;min-height:100px}select.form-control{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='%236B7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:32px}.form-hint{font-size:12px;color:#6b7280}.form-error{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px}.input-password{position:relative}.input-password .form-control{padding-right:44px}.input-password__toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .15s ease}.input-password__toggle:hover{color:#1f2937}.input-password__toggle svg{width:18px;height:18px;display:block;pointer-events:none}.form-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.form-toggle input[type=checkbox]{display:none}.form-toggle input[type=checkbox]:checked+.toggle-track{background:#362ad7}.form-toggle input[type=checkbox]:checked+.toggle-track .toggle-thumb{transform:translate(20px)}.form-toggle .toggle-track{position:relative;width:44px;height:24px;background:#e5e7eb;border-radius:9999px;transition:background .15s ease;flex-shrink:0}.form-toggle .toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:9999px;box-shadow:0 1px 3px #00000014;transition:transform .25s ease}.form-toggle .toggle-label{font-size:14px;color:#1f2937;font-weight:500}.form-upload{border:2px dashed #E5E7EB;border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.form-upload:hover{border-color:#362ad7;background:#ede9fe}.form-upload__icon{width:40px;height:40px;color:#6b7280;margin:0 auto 8px}.form-upload__text{font-size:14px;color:#6b7280}.form-upload__input{display:none}.form-upload__preview{width:80px;height:80px;border-radius:12px;object-fit:cover;margin:0 auto 8px;border:2px solid #E5E7EB}.form-row{display:grid;gap:16px}.form-row--2{grid-template-columns:1fr 1fr}@media(max-width:640px){.form-row--2{grid-template-columns:1fr}}.form-row--3{grid-template-columns:1fr 1fr 1fr}@media(max-width:768px){.form-row--3{grid-template-columns:1fr 1fr}}@media(max-width:640px){.form-row--3{grid-template-columns:1fr}}.tiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:24px;padding:8px 0}@media(max-width:640px){.tiles-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}}.tile{position:relative;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;border:1px solid #E5E7EB;overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-decoration:none}.tile:hover{transform:translateY(-4px);box-shadow:0 8px 20px #7c3aed33;border-color:#ede9fe;color:#1f2937}.tile:hover .tile__tooltip{opacity:1;transform:translateY(0);pointer-events:all}.tile:hover .tile__image,.tile:hover .tile__icon{transform:scale(1.06)}.tile:active{transform:translateY(-1px)}.tile__image-wrap{width:64px;height:64px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ede9fe;transition:transform .25s ease}.tile__image{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.tile__icon{width:36px;height:36px;transition:transform .25s ease;color:#362ad7}.tile__title{font-size:14px;font-weight:600;text-align:center;color:#1f2937;line-height:1.3;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tile__badge{position:absolute;top:4px;right:4px;background:#362ad7;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:9999px;text-transform:uppercase;letter-spacing:.04em}.tile__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(6px);background:#0f0f1eeb;color:#fff;font-size:12px;line-height:1.5;padding:8px 16px;border-radius:12px;white-space:normal;width:max-content;max-width:220px;text-align:center;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s ease;z-index:20;box-shadow:0 4px 12px #0000001a}.tile__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#0f0f1eeb}.tile--violet .tile__image-wrap{background:#ede9fe}.tile--violet .tile__icon{color:#7c3aed}.tile--blue .tile__image-wrap{background:#dbeafe}.tile--blue .tile__icon{color:#3b82f6}.tile--green .tile__image-wrap{background:#d1fae5}.tile--green .tile__icon{color:#10b981}.tile--orange .tile__image-wrap{background:#fef3c7}.tile--orange .tile__icon{color:#f59e0b}.tile--red .tile__image-wrap{background:#fee2e2}.tile--red .tile__icon{color:#ef4444}.tile--pink .tile__image-wrap{background:#fce7f3}.tile--pink .tile__icon{color:#ec4899}.tile--teal .tile__image-wrap{background:#ccfbf1}.tile--teal .tile__icon{color:#14b8a6}.tile--indigo .tile__image-wrap{background:#e0e7ff}.tile--indigo .tile__icon{color:#6366f1}.dashboard-search{margin-bottom:24px}.dashboard-search__wrap{position:relative;max-width:400px}.dashboard-search__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#6b7280;pointer-events:none}.dashboard-search__input{width:100%;padding:10px 16px 10px 41px;border:1px solid #E5E7EB;border-radius:12px;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;color:#1f2937;transition:border-color .15s ease,box-shadow .15s ease}.dashboard-search__input::placeholder{color:#6b7280}.dashboard-search__input:focus{outline:none;border-color:#362ad7;box-shadow:0 0 0 3px #362ad71f}.dashboard-search__input::-webkit-search-cancel-button{display:none}.tool-group{margin-bottom:48px}.tool-group__title{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #E5E7EB}.tile--add{border:2px dashed #E5E7EB;background:transparent;box-shadow:none;color:#6b7280}.tile--add:hover{border-color:#362ad7;color:#362ad7;background:#ede9fe;box-shadow:none}.tile--add:hover .tile__icon{color:#362ad7}.tile--add .tile__title{color:inherit}.table-wrap{overflow-x:auto;border-radius:16px;border:1px solid #E5E7EB;background:#fff}.table{width:100%;border-collapse:collapse;font-size:14px}.table thead{background:#f3f4f6;border-bottom:1px solid #E5E7EB}.table thead th{padding:8px 16px;text-align:left;font-weight:600;color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.table tbody tr{border-bottom:1px solid #E5E7EB;transition:background .15s ease}.table tbody tr:last-child{border-bottom:none}.table tbody tr:hover{background:#f3f4f6}.table tbody td{padding:16px;vertical-align:middle;color:#1f2937}.table-actions{display:flex;align-items:center;gap:4px;justify-content:flex-end}.table-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover;background:#ede9fe;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.table-thumb img{width:100%;height:100%;object-fit:cover}.table-thumb svg{width:20px;height:20px;color:#362ad7}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:9999px;font-size:12px;font-weight:600}.badge:before{content:"";width:6px;height:6px;border-radius:9999px;background:currentColor}.badge--active{background:#d1fae5;color:#065f46}.badge--inactive{background:#f3f4f6;color:#6b7280}.badge--admin{background:#ede9fe;color:#06c}.badge--user{background:#dbeafe;color:#1e40af}.badge--danger{background:#fee2e2;color:#991b1b}.drag-handle{cursor:grab;color:#6b7280;opacity:.4;display:flex;align-items:center;padding:4px;border-radius:6px;transition:opacity .15s ease,background .15s ease}.drag-handle:hover{opacity:1;background:#e5e7eb}.drag-handle:active{cursor:grabbing}.drag-handle svg{width:16px;height:16px}tr.sortable-ghost{opacity:.4;background:#ede9fe}tr.sortable-chosen{background:#ede9fe;box-shadow:0 4px 12px #0000001a;outline:2px solid #362ad7;outline-offset:-1px}.admin-panel{background:#fff;border-radius:16px;border:1px solid #E5E7EB;overflow:hidden}.assign-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.assign-layout{grid-template-columns:1fr}}.assign-list{max-height:420px;overflow-y:auto}.assign-item{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid #E5E7EB;cursor:pointer;transition:background .15s ease;-webkit-user-select:none;user-select:none;position:relative}.assign-item:last-child{border-bottom:none}.assign-item:hover{background:#f3f4f6}.assign-item.is-checked{background:#ede9fe}.assign-item__checkbox{position:absolute;opacity:0;width:0;height:0}.assign-item__thumb{width:34px;height:34px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ede9fe}.assign-item__thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px}.assign-item__thumb svg{color:#362ad7}.assign-item__thumb.tile--violet{background:#ede9fe}.assign-item__thumb.tile--violet svg{color:#7c3aed}.assign-item__thumb.tile--blue{background:#dbeafe}.assign-item__thumb.tile--blue svg{color:#3b82f6}.assign-item__thumb.tile--green{background:#d1fae5}.assign-item__thumb.tile--green svg{color:#10b981}.assign-item__thumb.tile--orange{background:#fef3c7}.assign-item__thumb.tile--orange svg{color:#f59e0b}.assign-item__thumb.tile--red{background:#fee2e2}.assign-item__thumb.tile--red svg{color:#ef4444}.assign-item__thumb.tile--pink{background:#fce7f3}.assign-item__thumb.tile--pink svg{color:#ec4899}.assign-item__thumb.tile--teal{background:#ccfbf1}.assign-item__thumb.tile--teal svg{color:#14b8a6}.assign-item__thumb.tile--indigo{background:#e0e7ff}.assign-item__thumb.tile--indigo svg{color:#6366f1}.assign-item__avatar{width:34px;height:34px;border-radius:9999px;background:#362ad7;color:#fff;font-size:12px;font-weight:700;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.assign-item__avatar img{width:100%;height:100%;object-fit:cover}.assign-item__info{flex:1;min-width:0}.assign-item__name{display:block;font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assign-item__meta{display:block;font-size:12px;color:#6b7280}.assign-item__check{width:20px;height:20px;border-radius:9999px;background:#e5e7eb;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease}.assign-item__check svg{stroke:#fff;opacity:0;transition:opacity .15s ease}.assign-item.is-checked .assign-item__check{background:#362ad7}.assign-item.is-checked .assign-item__check svg{opacity:1}.stat-card{background:#fff;border-radius:16px;border:1px solid #E5E7EB;padding:24px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 1px 3px #00000014}.stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card__icon svg{width:24px;height:24px}.stat-card__icon--purple{background:#ede9fe;color:#362ad7}.stat-card__icon--green{background:#d1fae5;color:#059669}.stat-card__icon--blue{background:#dbeafe;color:#2563eb}.stat-card__icon--orange{background:#fef3c7;color:#d97706}.stat-card__value{font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.stat-card__label{font-size:14px;color:#6b7280}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:32px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#362ad7,#312e81,#362ad7);padding:16px}.auth-card{background:#f3f4f6;border-radius:20px;box-shadow:0 8px 24px #0000001f;padding:48px;width:100%;max-width:420px}@media(max-width:640px){.auth-card{padding:32px 24px}}.auth-card__logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:32px}.auth-card__logo .brand-lottie--dark{display:none}.auth-card__logo .logo-name{font-size:20px;font-weight:800;color:#362ad7;letter-spacing:-.02em}.auth-card__title{font-size:20px;font-weight:700;text-align:center;margin-bottom:4px}.auth-card__subtitle{font-size:14px;color:#6b7280;text-align:center;margin-bottom:32px}.auth-link{font-size:14px;color:#362ad7;font-weight:500}.auth-link:hover{text-decoration:underline}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:#6b7280}.profile-layout{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}@media(max-width:1024px){.profile-layout{grid-template-columns:1fr}}.profile-avatar-col,.profile-info-col{min-width:0}.avatar-display{width:120px;height:120px;border-radius:9999px;margin:0 auto 8px;overflow:hidden;position:relative;flex-shrink:0}.avatar-display__img{width:100%;height:100%;object-fit:cover;border-radius:9999px;border:3px solid #E5E7EB}.avatar-display__initials{width:100%;height:100%;background:#362ad7;color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;border-radius:9999px;border:3px solid #EDE9FE;letter-spacing:-1px}.sidebar__profile{display:flex;align-items:center;gap:8px;padding:16px;margin-top:4px}.sidebar-avatar{width:40px;height:40px;border-radius:9999px;overflow:hidden;flex-shrink:0}.sidebar-avatar__img{width:100%;height:100%;object-fit:cover;border-radius:9999px}.sidebar-avatar__initials{width:100%;height:100%;background:#362ad7;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border-radius:9999px}.sidebar-avatar__info{min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-avatar__name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-avatar__link{font-size:12px;color:#c7d2fe;opacity:.7;transition:opacity .15s ease}.sidebar-avatar__link:hover{opacity:1;color:#fff}.user-avatar--photo{width:34px;height:34px;border-radius:9999px;object-fit:cover;border:2px solid #E5E7EB;flex-shrink:0;background:#ede9fe}.pref-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:16px}.pref-toolbar__controls{display:flex;gap:8px}.pref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:24px}@media(max-width:640px){.pref-grid{grid-template-columns:1fr}}.pref-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:2px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease;position:relative;-webkit-user-select:none;user-select:none}.pref-item:hover{border-color:#c4b5fd;background:#ede9fe}.pref-item.is-checked{border-color:#362ad7;background:#ede9fe}.pref-item__checkbox{position:absolute;opacity:0;width:0;height:0}.pref-item__thumb{width:44px;height:44px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ede9fe}.pref-item__thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px}.pref-item__thumb svg{width:22px;height:22px;color:#362ad7}.pref-item__thumb.tile--violet{background:#ede9fe}.pref-item__thumb.tile--violet svg{color:#7c3aed}.pref-item__thumb.tile--blue{background:#dbeafe}.pref-item__thumb.tile--blue svg{color:#3b82f6}.pref-item__thumb.tile--green{background:#d1fae5}.pref-item__thumb.tile--green svg{color:#10b981}.pref-item__thumb.tile--orange{background:#fef3c7}.pref-item__thumb.tile--orange svg{color:#f59e0b}.pref-item__thumb.tile--red{background:#fee2e2}.pref-item__thumb.tile--red svg{color:#ef4444}.pref-item__thumb.tile--pink{background:#fce7f3}.pref-item__thumb.tile--pink svg{color:#ec4899}.pref-item__thumb.tile--teal{background:#ccfbf1}.pref-item__thumb.tile--teal svg{color:#14b8a6}.pref-item__thumb.tile--indigo{background:#e0e7ff}.pref-item__thumb.tile--indigo svg{color:#6366f1}.pref-item__info{flex:1;min-width:0}.pref-item__title{display:block;font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pref-item__desc{display:block;font-size:12px;color:#6b7280;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pref-item__check{width:22px;height:22px;border-radius:9999px;background:#e5e7eb;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease}.pref-item__check svg{width:13px;height:13px;stroke:#fff;opacity:0;transition:opacity .15s ease}.pref-item.is-checked .pref-item__check{background:#362ad7}.pref-item.is-checked .pref-item__check svg{opacity:1}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}@media(max-width:640px){.toast-container{left:16px;right:16px;bottom:16px}}.toast{display:flex;align-items:flex-start;gap:8px;padding:8px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:280px;max-width:420px;pointer-events:all;transform:translate(calc(100% + 24px));opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease}.toast.is-visible{transform:translate(0);opacity:1}.toast__icon{flex-shrink:0;display:flex;align-items:center;margin-top:1px}.toast__message{flex:1;font-size:14px;font-weight:500;color:#1f2937;line-height:1.45}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:3px;border-radius:6px;color:#6b7280;cursor:pointer;transition:background .15s ease,color .15s ease}.toast__close:hover{background:#e5e7eb;color:#1f2937}.toast--success{border-left:4px solid #10B981}.toast--success .toast__icon{color:#10b981}.toast--error{border-left:4px solid #EF4444}.toast--error .toast__icon{color:#ef4444}.toast--info{border-left:4px solid #3B82F6}.toast--info .toast__icon{color:#3b82f6}.toast--warning{border-left:4px solid #F59E0B}.toast--warning .toast__icon{color:#f59e0b}.confirm-overlay{position:fixed;inset:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-overlay.is-open{opacity:1;pointer-events:all}.confirm-overlay.is-open .confirm-modal{transform:scale(1)}.confirm-modal{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001f;padding:32px;max-width:400px;width:100%;text-align:center;transform:scale(.92);transition:transform .25s ease}.confirm-modal__icon{width:56px;height:56px;border-radius:9999px;background:#fef3c7;color:#f59e0b;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.confirm-modal__title{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:8px}.confirm-modal__message{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:24px}.confirm-modal__actions{display:flex;gap:8px;justify-content:center}.hub-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;margin-top:24px;padding:16px 0}.hub-pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border-radius:12px;font-size:14px;font-weight:500;color:#1f2937;background:#fff;border:1px solid #E5E7EB;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.hub-pagination__btn:hover:not(.hub-pagination__btn--disabled):not(.hub-pagination__btn--active){background:#ede9fe;border-color:#362ad7;color:#362ad7}.hub-pagination__btn--active{background:#362ad7;border-color:#362ad7;color:#fff;cursor:default}.hub-pagination__btn--disabled{color:#6b7280;cursor:default;opacity:.5}.hub-pagination__btn--dots{border-color:transparent;background:transparent;cursor:default;color:#6b7280}[data-theme=dark]{--bg: #0F172A;--surface: #1E293B;--surface-2: #263348;--border: #334155;--text: #F1F5F9;--text-muted: #94A3B8;--text-light: #64748B}[data-theme=dark] body{background-color:var(--bg);color:var(--text)}[data-theme=dark] .navbar{background:var(--surface);border-bottom-color:var(--border);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .navbar__brand{color:var(--text)}[data-theme=dark] .navbar__user:hover{background:var(--surface-2)}[data-theme=dark] .navbar__page-title{color:var(--text-muted)}[data-theme=dark] .user-name{color:var(--text)}[data-theme=dark] .user-role{color:var(--text-muted)}[data-theme=dark] .dropdown-menu{background:var(--surface);border-color:var(--border);box-shadow:0 8px 24px #0006}[data-theme=dark] .dropdown-menu a,[data-theme=dark] .dropdown-menu button{color:var(--text)}[data-theme=dark] .dropdown-menu a:hover,[data-theme=dark] .dropdown-menu button:hover{background:var(--surface-2);color:#a78bfa}[data-theme=dark] .dropdown-menu hr{border-top-color:var(--border)}[data-theme=dark] .card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .card__header{border-bottom-color:var(--border)}[data-theme=dark] .card__footer{border-top-color:var(--border)}[data-theme=dark] .card__title,[data-theme=dark] .page-header__title{color:var(--text)}[data-theme=dark] .page-header__subtitle{color:var(--text-muted)}[data-theme=dark] .form-label{color:var(--text)}[data-theme=dark] .form-hint{color:var(--text-muted)}[data-theme=dark] .form-control{background:var(--surface-2);border-color:var(--border);color:var(--text)}[data-theme=dark] .form-control::placeholder{color:var(--text-light)}[data-theme=dark] .form-control:hover{border-color:#475569}[data-theme=dark] .form-control:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed33}[data-theme=dark] .form-control[disabled],[data-theme=dark] .form-control[readonly]{background:var(--bg);color:var(--text-muted)}[data-theme=dark] select.form-control{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='%2394A3B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=dark] .form-upload{border-color:var(--border);background:var(--surface-2)}[data-theme=dark] .form-upload:hover{border-color:#7c3aed;background:#7c3aed1a}[data-theme=dark] .form-upload__text{color:var(--text-muted)}[data-theme=dark] .form-toggle .toggle-track{background:#334155}[data-theme=dark] .form-toggle .toggle-label{color:var(--text)}[data-theme=dark] .form-toggle input:checked+.toggle-track{background:#7c3aed}[data-theme=dark] .btn--secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}[data-theme=dark] .btn--secondary:hover{background:#334155;border-color:#475569}[data-theme=dark] .btn--ghost:hover{background:#7c3aed26}[data-theme=dark] .dashboard-search__input{background:var(--surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .dashboard-search__input::placeholder{color:var(--text-muted)}[data-theme=dark] .dashboard-search__input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed33}[data-theme=dark] .tool-group__title{color:var(--text);border-bottom-color:var(--border)}[data-theme=dark] .tile{background:var(--surface);border-color:var(--border)}[data-theme=dark] .tile__title{color:var(--text)}[data-theme=dark] .tile:hover{border-color:#5b21b6;box-shadow:0 8px 20px #7c3aed40}[data-theme=dark] .tile--violet .tile__image-wrap{background:#7c3aed33}[data-theme=dark] .tile--blue .tile__image-wrap{background:#3b82f633}[data-theme=dark] .tile--green .tile__image-wrap{background:#10b98133}[data-theme=dark] .tile--orange .tile__image-wrap{background:#f59e0b33}[data-theme=dark] .tile--red .tile__image-wrap{background:#ef444433}[data-theme=dark] .tile--pink .tile__image-wrap{background:#ec489933}[data-theme=dark] .tile--teal .tile__image-wrap{background:#14b8a633}[data-theme=dark] .tile--indigo .tile__image-wrap{background:#6366f133}[data-theme=dark] .tile--add{border-color:var(--border);background:transparent}[data-theme=dark] .tile--add:hover{border-color:#7c3aed;background:#7c3aed1f}[data-theme=dark] .table-wrap{background:var(--surface);border-color:var(--border)}[data-theme=dark] .table thead{background:var(--bg);border-bottom-color:var(--border)}[data-theme=dark] .table thead th{color:var(--text-muted)}[data-theme=dark] .table tbody tr{border-bottom-color:var(--border)}[data-theme=dark] .table tbody tr:hover{background:var(--surface-2)}[data-theme=dark] .table tbody td{color:var(--text)}[data-theme=dark] .table-thumb{background:#7c3aed33}[data-theme=dark] .stat-card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .sidebar{background:#0f172a}[data-theme=dark] .sidebar__link:hover{background:#ffffff0f}[data-theme=dark] .sidebar__link.is-active{background:#7c3aed40;border-left-color:#7c3aed}[data-theme=dark] .sidebar__footer,[data-theme=dark] .sidebar__divider{border-top-color:#ffffff0f}[data-theme=dark] .brand-lottie--light{display:none}[data-theme=dark] .brand-lottie--dark{display:block}[data-theme=dark] .burger:hover{background:var(--surface-2)}[data-theme=dark] .burger__line{background-color:var(--text)}[data-theme=dark] .auth-card{background:var(--surface)}[data-theme=dark] .auth-card__title{color:var(--text)}[data-theme=dark] .auth-card__subtitle{color:var(--text-muted)}[data-theme=dark] .sidebar-overlay{background:#000000b3}[data-theme=dark] .avatar-display__img,[data-theme=dark] .user-avatar--photo{border-color:var(--border)}[data-theme=dark] .profile-layout .card hr{border-top-color:var(--border)}[data-theme=dark] .theme-toggle{color:#94a3b8}[data-theme=dark] .theme-toggle:hover{background:var(--surface-2);color:#a78bfa}[data-theme=dark] .pref-item{background:var(--surface);border-color:var(--border)}[data-theme=dark] .pref-item:hover{border-color:#7c3aed;background:#7c3aed1a}[data-theme=dark] .pref-item.is-checked{border-color:#7c3aed;background:#7c3aed26}[data-theme=dark] .pref-item__title{color:var(--text)}[data-theme=dark] .pref-item__desc{color:var(--text-muted)}[data-theme=dark] .pref-item__check{background:var(--border)}[data-theme=dark] .pref-item.is-checked [data-theme=dark] .pref-item__check{background:#7c3aed}[data-theme=dark] .toast{background:var(--surface);border-color:var(--border)}[data-theme=dark] .toast__message{color:var(--text)}[data-theme=dark] .toast__close{color:var(--text-muted)}[data-theme=dark] .toast__close:hover{background:var(--surface-2);color:var(--text)}[data-theme=dark] .confirm-modal{background:var(--surface)}[data-theme=dark] .confirm-modal__title{color:var(--text)}[data-theme=dark] .confirm-modal__message{color:var(--text-muted)}[data-theme=dark] .hub-pagination__btn{background:var(--surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .hub-pagination__btn:hover:not(.hub-pagination__btn--disabled):not(.hub-pagination__btn--active){background:#7c3aed26;border-color:#7c3aed;color:#a78bfa}[data-theme=dark] .hub-pagination__btn--dots,[data-theme=dark] .hub-pagination__btn--disabled{color:var(--text-muted)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] strong{color:var(--text)}.bg-remover{display:flex;flex-direction:column;gap:32px}.bg-remover__upload{display:flex;flex-direction:column;gap:16px}.bg-remover__result{display:flex;flex-direction:column;gap:24px}.bg-remover__result h2{font-size:18px;font-weight:600;color:#1f2937}.upload-zone{display:flex;align-items:center;justify-content:center;border:2px dashed #E5E7EB;border-radius:12px;padding:32px;cursor:pointer;transition:border-color .15s ease,background .15s ease;min-height:220px;position:relative;overflow:hidden}.upload-zone:hover,.upload-zone--drag{border-color:#362ad7;background:#f3f4f6}.upload-zone__content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6b7280;text-align:center}.upload-zone__content svg{color:#362ad7}.upload-zone__content span{color:#362ad7;font-weight:500;text-decoration:underline}.upload-zone__content small{font-size:12px;opacity:.7}.upload-zone img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:12px}.bg-remover__actions{display:flex;gap:8px;margin-top:8px}.bg-remover__actions .btn--primary{flex:1;justify-content:center}.result-preview{display:grid;grid-template-columns:1fr 1fr;gap:24px}.result-preview__item{display:flex;flex-direction:column;gap:4px}.result-preview__item span{font-size:14px;font-weight:500;color:#6b7280}.result-preview__item img{width:100%;border-radius:12px;border:1px solid #E5E7EB;object-fit:contain;background:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 0 0/16px 16px}@media(max-width:640px){.result-preview{grid-template-columns:1fr}}.img-converter{display:flex;flex-direction:column;gap:24px}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #E5E7EB;border-radius:12px;padding:32px;cursor:pointer;transition:border-color .15s ease,background .15s ease;min-height:180px;text-align:center}.drop-zone.dragover{border-color:#362ad7;background:#f3f4f6}.drop-zone .drop-icon{font-size:2.5rem}.drop-zone .drop-text{font-size:18px;font-weight:600;color:#1f2937;margin-top:8px}.drop-zone .drop-subtext{font-size:14px;color:#6b7280;margin-top:4px}.formats-info{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:6px}.formats-info .formats-title{font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap}.formats-info .formats-list{font-size:14px;color:#6b7280}.files-container{border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.files-container .files-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#f3f4f6;border-bottom:1px solid #E5E7EB;font-size:14px;font-weight:600;color:#1f2937}.file-item{display:flex;align-items:center;gap:16px;padding:8px 16px;border-bottom:1px solid #E5E7EB}.file-item:last-child{border-bottom:none}.file-item .file-preview{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0;border:1px solid #E5E7EB}.file-item .file-info{flex:1;min-width:0}.file-item .file-name{font-size:14px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item .file-details{display:flex;align-items:center;gap:8px;margin-top:4px}.file-item .file-format{font-size:12px;font-weight:600;color:#362ad7;background:#ede9fe;padding:2px 4px;border-radius:9999px}.file-item .file-size{font-size:12px;color:#6b7280}.file-item .file-actions{flex-shrink:0}.btn-small{padding:4px 8px;font-size:12px;font-weight:500;border-radius:6px;border:1px solid #E5E7EB;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s ease}.btn-small:hover{border-color:#6b7280;color:#1f2937}.btn-remove{border-color:#f7a2a2;color:#ef4444}.btn-remove:hover{background:#ef4444;color:#fff;border-color:#ef4444}.conversion-options{display:flex;flex-direction:column;gap:16px;padding:24px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:12px}.options-title{font-size:16px;font-weight:600;color:#1f2937}.option-group{display:flex;flex-direction:column;gap:4px}.option-label{font-size:14px;font-weight:500;color:#1f2937}.format-selector{padding:8px 16px;border:1px solid #E5E7EB;border-radius:6px;background:#fff;color:#1f2937;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:border-color .15s ease}.format-selector:focus{outline:none;border-color:#362ad7}.format-info{font-size:12px;color:#6b7280;padding:4px 8px;background:#ede9fe;border-radius:6px;border-left:3px solid #362ad7}.quality-container{flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}.quality-container .option-label{white-space:nowrap}.quality-slider{flex:1;accent-color:#362ad7;cursor:pointer;min-width:120px}.quality-display{font-size:14px;font-weight:600;color:#362ad7;min-width:40px;text-align:right}.convert-btn{padding:8px 24px;background:#362ad7;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:background .15s ease;align-self:flex-start}.convert-btn:hover{background:#2c22b6}.convert-btn:disabled{opacity:.6;cursor:not-allowed}.progress-container{display:none;flex-direction:column;gap:4px}.progress-bar{height:8px;background:#e5e7eb;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:#362ad7;border-radius:9999px;width:0%;transition:width .25s ease}.progress-text{font-size:12px;color:#6b7280}.results-container{display:none;flex-direction:column;gap:16px}.results-title{font-size:16px;font-weight:600;color:#10b981}.download-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;gap:16px}.download-info{display:flex;align-items:center;gap:8px;min-width:0}.download-icon{font-size:1.5rem;flex-shrink:0}.download-details{min-width:0}.download-name{font-size:14px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-size{font-size:12px;color:#6b7280;margin-top:4px}.download-btn{padding:4px 16px;background:#362ad7;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:background .15s ease;white-space:nowrap;flex-shrink:0}.download-btn:hover{background:#2c22b6}.download-all-btn{padding:8px 24px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:background .15s ease;align-self:flex-start}.download-all-btn:hover{background:#0d9367}