:root{--bg:#090d14;--panel:#181e2bd1;--panel-strong:#1b2332;--panel-soft:#ffffff0e;--border:#ffffff1a;--border-strong:#ffffff2e;--text:#dbe3f3;--muted:#8d98ac;--heading:#fbfdff;--accent:#7c5cff;--blue:#46a6ff;--green:#3ecf8e;--danger:#ff526b;--radius:24px;--shadow:0 24px 70px #00000057;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% -10%,#7c5cff59,#0000 30rem),radial-gradient(circle at 90% 0,#29b8ff3d,#0000 28rem),linear-gradient(135deg,#090d14 0%,#131927 100%);min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{color:inherit;cursor:pointer;border:0}p,h1,h2,h3{margin:0}.app-shell{grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#0b0f17cc;height:100vh;position:sticky;top:0}.brand{border-bottom:1px solid var(--border);width:100%;height:76px;color:var(--heading);text-align:left;background:0 0;align-items:center;gap:12px;padding:0 18px;font-size:17px;font-weight:800;display:flex}.brand strong{color:#9e8cff}.brand-mark{background:linear-gradient(135deg,#7c5cff,#29b8ff);border-radius:16px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:950;display:grid;box-shadow:0 16px 38px #4675ff61}.navigation{gap:9px;padding:18px 12px;display:grid}.nav-item{color:#aeb8ca;text-align:left;background:0 0;border:1px solid #0000;border-radius:17px;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 14px;font-weight:760;transition:transform .18s,border-color .18s,background .18s,color .18s;display:flex}.nav-item:hover,.nav-item.active{border-color:var(--border);color:var(--heading);background:linear-gradient(135deg,#7c5cff33,#29b8ff14);transform:translate(2px)}.dashboard{min-width:0}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0c111ac2;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:14px 22px;display:flex;position:sticky;top:0}.topbar h1{color:var(--heading);letter-spacing:-.025em;font-size:clamp(11px,1.2vw,14px);font-weight:800;line-height:1.15}.topbar-actions{align-items:center;gap:12px;display:flex}.avatar{border:2px solid var(--border-strong);color:#21152d;background:linear-gradient(135deg,#ffd7b9,#8c6bff);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-weight:950;display:grid}.content{width:100%;padding:18px}.page-stack{gap:18px;display:grid}.eyebrow{color:#9f91ff;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:950}.hero-panel,.ai-hero,.section-title,.panel,.logout-card,.mode-card,.user-row{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.hero-panel,.ai-hero,.section-title{border-radius:var(--radius);justify-content:space-between;align-items:center;gap:14px;padding:clamp(12px,2vw,18px);display:flex}.hero-panel{background:linear-gradient(135deg, #7c5cff42, #29b8ff17), var(--panel)}.hero-panel h2,.ai-hero h2,.section-title h2,.logout-card h2{color:var(--heading);letter-spacing:-.03em;margin-top:3px;font-size:clamp(11px,1.2vw,14px);font-weight:800;line-height:1.15}.hero-panel p:not(.eyebrow),.ai-hero p:not(.eyebrow),.section-title p:not(.eyebrow),.logout-card p:not(.eyebrow){max-width:650px;color:var(--muted);margin-top:4px;font-size:12px;line-height:1.45}.primary-action,.ghost-button,.danger-button,.mode-card button,.row-actions button{border-radius:15px;justify-content:center;align-items:center;gap:8px;font-weight:850;display:inline-flex}.primary-action{color:#fff;background:linear-gradient(135deg,#7c5cff,#29b8ff);min-width:max-content;padding:13px 18px;box-shadow:0 18px 36px #427bff59}.ghost-button{border:1px solid var(--border);background:var(--panel-soft);padding:11px 14px}.danger-button{color:#fff;background:linear-gradient(135deg,#ff526b,#ff8d6b);padding:12px 16px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.metric-card{min-height:178px;box-shadow:var(--shadow);border:1px solid #ffffff26;border-radius:22px;padding:20px;position:relative;overflow:hidden}.metric-card.purple{background:linear-gradient(135deg,#7058e8,#7d62ff)}.metric-card.blue{background:linear-gradient(135deg,#31b7ee,#327fe8)}.metric-card.amber{background:linear-gradient(135deg,#ffc247,#f39b16)}.metric-card.red{background:linear-gradient(135deg,#ff6177,#db354d)}.metric-card:after{content:"";background:radial-gradient(#ffffff42,#0000 70%);height:95%;position:absolute;inset:auto -16% -48%}.metric-top{z-index:2;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.metric-value{color:#fff;letter-spacing:-.04em;font-size:28px;font-weight:950}.metric-card h2{color:#ffffffe6;margin-top:2px;font-size:11px;font-weight:800}.positive,.negative{color:#fff;background:#ffffff2e;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:900}.metric-chart{z-index:2;height:78px;position:absolute;bottom:0;left:0;right:0}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,.7fr);gap:18px;display:grid}.panel{border-radius:var(--radius);min-width:0;padding:22px}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.panel-header h2{color:var(--heading);letter-spacing:-.02em;font-size:12px;font-weight:800}.panel-header p{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.4}.segmented-control{border:1px solid var(--border-strong);background:#ffffff0a;border-radius:13px;display:flex;overflow:hidden}.segmented-control button{color:var(--muted);background:0 0;padding:9px 13px}.segmented-control .selected{color:var(--heading);background:#ffffff2e}.chart-large{width:100%;height:360px}.donut-chart{height:260px}.legend-list{color:var(--muted);gap:10px;display:grid}.legend-list span{align-items:center;gap:9px;display:flex}.legend-list i{border-radius:50%;width:10px;height:10px}.traffic-legend{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:12px;font-size:13px;display:flex}.traffic-legend span{align-items:center;gap:8px;display:inline-flex}.traffic-legend i{border-radius:50%;width:10px;height:10px}.users-list{gap:10px;display:grid}.users-toolbar{gap:16px;display:grid}.users-toolbar-heading{color:var(--muted);align-items:center;gap:12px;display:flex}.users-toolbar-heading h3{color:var(--heading);font-size:12px;font-weight:800}.users-toolbar-heading p{color:var(--muted);margin-top:4px;font-size:13px}.users-filters-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.filter-field{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;gap:6px;font-size:12px;font-weight:700;display:grid}.filter-field input,.filter-field select{box-sizing:border-box;border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);font:inherit;letter-spacing:normal;text-transform:none;background:#ffffff0a;border-radius:14px;padding:11px 14px;font-size:14px;font-weight:500}.filter-field select{appearance:none;cursor:pointer;background-color:#ffffff0a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238d98ac' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:38px}.filter-field input{padding-top:11px;padding-bottom:11px}.filter-field input:focus,.filter-field select:focus{border-color:#7c5cff73;outline:2px solid #7c5cff59}.user-row{z-index:0;background:var(--panel);border:1px solid var(--border);border-radius:20px;grid-template-columns:52px 56px minmax(210px,1.35fr) minmax(120px,.75fr) minmax(160px,1fr) 120px 120px 52px;align-items:center;gap:14px;padding:14px 16px;display:grid;position:relative}.user-row:has(.user-row-menu-panel){z-index:50}.user-row-flag,.user-row-avatar,.user-row-actions{justify-content:center;place-self:center;align-items:center;display:flex}.user-row-university,.user-row-apps,.user-row-date{flex-direction:column;justify-content:center;align-self:center;min-height:44px;display:flex}.user-row.inactive{opacity:.72}.user-row-head{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:1px dashed #ffffff14;padding-top:8px;padding-bottom:8px;font-size:10px;font-weight:800}.user-row-head>div{text-align:center;justify-content:center;align-items:center;display:flex}.user-row-head>div:nth-child(3){text-align:left;justify-content:flex-start}.user-row-identity strong,.user-row-university>span,.user-row-apps>span,.user-row-date>span{color:var(--heading);display:block}.user-row small{color:var(--muted);margin-top:4px;display:block}.user-row-flag .user-flag,.user-row-avatar .user-avatar-shell,.user-row-avatar .user-avatar-fallback{justify-content:center;align-items:center;display:flex}.user-row-flag{width:52px;min-height:44px}.user-row-avatar{width:56px;min-height:44px}.user-row-actions{width:52px;min-height:44px}.user-flag{background:#ffffff14;border-radius:14px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;line-height:1;display:flex}.user-flag-emoji{text-align:center;width:100%;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:22px;line-height:44px;display:block}.user-avatar-shell{background:#ffffff0a;border-radius:14px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.user-avatar-image{object-fit:cover;width:100%;height:100%;display:block}.user-avatar-fallback{width:100%;height:100%;color:var(--heading);text-align:center;background:linear-gradient(135deg,#7c5cff73,#29b8ff59);justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:900;line-height:1;display:flex}.user-row-identity{flex-direction:column;justify-content:center;align-self:center;min-width:0;min-height:44px;display:flex}.status-badge{border-radius:999px;margin-top:6px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.status-badge.inactive{color:#ff8ea0;background:#ff526b29}.status-badge.sub-badge{color:#00d7c7;background:#00d7c724;margin-top:4px;margin-right:4px}.user-sub-badges{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.grant-sub-modal{gap:14px;width:min(440px,100%);display:grid}.grant-sub-modal .modal-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.grant-sub-title{align-items:center;gap:8px;margin:4px 0 0;display:inline-flex}.grant-sub-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.grant-sub-submit{width:auto;min-width:160px;padding:12px 16px}.grant-sub-modal .field{gap:6px;display:grid}.grant-sub-modal .field span{color:var(--muted);font-size:12px;font-weight:700}.grant-sub-modal .field select{border:1px solid var(--border);background:var(--panel-2,#ffffff0a);width:100%;color:inherit;border-radius:14px;padding:12px 14px;font-size:14px;font-weight:650}.grant-sub-modal textarea.grant-gift-note{resize:vertical;border:1px solid var(--border);background:var(--panel-2,#ffffff0a);width:100%;min-height:120px;max-height:240px;color:var(--heading);pointer-events:auto;border-radius:14px;padding:14px;font-size:14px;line-height:1.5}.grant-sub-modal textarea.grant-gift-note:focus{border-color:#7c5cffb3;outline:none;box-shadow:0 0 0 4px #7c5cff21}.grant-note-hint{color:var(--muted);font-size:11px;font-weight:600}.grant-sub-actions-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.user-gift-note{color:#fbbf24;text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin-top:4px;font-size:12px;line-height:1.35;display:block;overflow:hidden}.user-app-badges{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.user-app-badges.empty{color:var(--muted);font-size:12px}.app-badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:42px;padding:4px 8px;font-size:10px;font-weight:900;display:inline-flex}.app-badge-purple{color:#c9b6ff;background:#7c5cff2e;border-color:#7c5cff57}.app-badge-blue{color:#9ad4ff;background:#46a6ff29;border-color:#46a6ff57}.app-badge-amber{color:#ffd98a;background:#ffc24729;border-color:#ffc24757}.app-badge-green{color:#7dd4b8;background:#005f412e;border-color:#00a06e57}.user-row-menu{z-index:1;position:relative}.user-row-menu:has(.user-row-menu-panel){z-index:50}.icon-button{border:1px solid var(--border);background:var(--panel-soft);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.icon-button:disabled{opacity:.45;cursor:not-allowed}.user-row-menu-panel{z-index:50;border:1px solid var(--border-strong);min-width:170px;box-shadow:var(--shadow);background:#0f141ffa;border-radius:14px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.menu-item{width:100%;color:var(--text);text-align:left;background:0 0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.menu-item:hover{background:#ffffff0f}.menu-item.danger{color:#ff8ea0}.users-empty{text-align:center;color:var(--muted);padding:28px}.guest-filters-grid{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.guest-filter-wide{grid-column:1/-1}.guest-list{flex-direction:column;gap:12px;display:flex}.guest-row{background:var(--panel);border:1px solid var(--border);border-radius:20px;grid-template-columns:minmax(180px,1.1fr) 72px minmax(180px,1.1fr) 110px minmax(180px,1.2fr) 110px 120px;align-items:center;gap:14px;padding:14px 16px;display:grid}.guest-row-head{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:1px dashed #ffffff14;padding-top:8px;padding-bottom:8px;font-size:10px;font-weight:800}.guest-row-head>div{text-align:center;justify-content:center;align-items:center;display:flex}.guest-row-head>div:first-child{text-align:left;justify-content:flex-start}.guest-row-device,.guest-row-app,.guest-row-location,.guest-row-stats,.guest-row-places,.guest-row-date{flex-direction:column;justify-content:center;min-width:0;min-height:44px;display:flex}.guest-row-device{flex-direction:row;align-items:center;gap:12px}.guest-device-avatar{width:44px;height:44px;color:var(--heading);background:linear-gradient(135deg,#46a6ff59,#7c5cff47);border-radius:14px;flex:none;place-items:center;font-size:13px;font-weight:900;display:grid}.guest-device-meta{min-width:0}.guest-device-meta strong{color:var(--heading);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;display:block}.guest-device-meta small,.guest-row-location small,.guest-row-stats small,.guest-row-places small,.guest-row-date small,.guest-row-app>span:first-child,.guest-row-location>span,.guest-row-stats>span,.guest-row-places>span,.guest-row-date>span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.guest-row-location strong,.guest-row-stats strong{color:var(--heading);display:block}.guest-row-location a{color:var(--blue);margin-top:4px;font-size:11px;text-decoration:none;display:inline-block}.guest-row-location a:hover{text-decoration:underline}.guest-place-chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.guest-place-chip{max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.guest-source{text-transform:capitalize}@media (width<=1180px){.guest-row,.guest-row-head{grid-template-columns:minmax(160px,1fr) 68px minmax(150px,1fr) 96px minmax(150px,1fr) 96px 108px}}@media (width<=860px){.guest-row-head{display:none}.guest-row{grid-template-columns:1fr;gap:10px}.guest-row-device{border-bottom:1px solid #ffffff0f;padding-bottom:4px}}.activity-filters-grid{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(160px,.8fr));align-items:end;gap:14px;display:grid}.activity-filter-wide{grid-column:1/-1}.activity-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.activity-empty-card{grid-column:1/-1}.activity-card{border-radius:22px;flex-direction:column;gap:14px;padding:16px;display:flex}.activity-card-top,.activity-card-bottom{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.activity-card-identity{align-items:center;gap:12px;min-width:0;display:flex}.activity-card-meta{min-width:0}.activity-card-meta strong{color:var(--heading);display:block}.activity-card-meta small{color:var(--muted);margin-top:4px;display:block}.activity-guest-label{font-weight:700;color:#ffb86b!important}.activity-card-flag{margin-top:6px;display:inline-flex}.activity-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.activity-card-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.activity-stat{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;padding:10px 12px}.activity-stat span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.activity-stat strong{color:var(--heading);margin-top:6px;font-size:14px;display:block}.usage-badge.usage-low{color:#9ad4ff}.usage-badge.usage-medium{color:#ffd98a}.usage-badge.usage-high{color:#ffb0bc}.activity-card-searches,.activity-card-last{min-width:0}.activity-card-searches span,.activity-card-last span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.activity-card-bottom{flex-direction:column;gap:10px}.activity-menu-panel{left:auto;right:0}.activity-modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04080eb8;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.activity-modal{border-radius:24px 24px 18px 18px;flex-direction:column;width:min(720px,100%);max-height:min(88vh,900px);display:flex;overflow:hidden}.activity-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 12px;display:flex}.activity-modal-header h3{color:var(--heading);margin-top:4px}.activity-profile-grid{border-bottom:1px solid #ffffff0f;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 18px;display:grid}.activity-profile-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;padding:10px 12px}.activity-profile-item span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.activity-profile-item strong,.activity-profile-item a{color:var(--heading);margin-top:6px;font-size:13px;text-decoration:none;display:block}.activity-profile-item a:hover{color:var(--blue);text-decoration:underline}.activity-history-tabs{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;gap:8px;padding:12px 18px;display:flex}.activity-history-tabs .active-tab{background:#7c5cff29;border-color:#7c5cff73}.activity-history-list{flex-direction:column;flex:1;gap:10px;padding:12px 18px 18px;display:flex;overflow:auto}.activity-history-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;padding:12px 14px}.activity-history-item-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.activity-event-type{color:#9ad4ff;letter-spacing:.04em;text-transform:uppercase;background:#46a6ff24;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.activity-history-item strong{color:var(--heading);margin-top:8px;display:block}.activity-history-item p,.activity-history-item small,.activity-history-item a{margin-top:6px;display:block}.activity-history-item a{color:var(--blue);font-size:12px;text-decoration:none}.activity-history-date{color:var(--muted)}.activity-modal-footer{color:var(--muted);border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:14px;padding:12px 18px 18px;display:flex}@media (width>=720px){.activity-modal-backdrop{place-items:center}.activity-modal{border-radius:24px}.activity-card-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-card-bottom{flex-direction:row;align-items:flex-end}.activity-card-searches{flex:1}}@media (width<=860px){.activity-filters-grid,.activity-grid,.activity-profile-grid{grid-template-columns:1fr}}.users-pagination{color:var(--muted);justify-content:center;align-items:center;gap:14px;display:flex}.section-copy{color:var(--muted);margin-top:4px;font-size:12px}@media (width<=1180px){.users-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-row,.user-row-head{grid-template-columns:48px 52px minmax(180px,1.2fr) minmax(110px,.7fr) minmax(140px,1fr) 110px 110px 48px}}@media (width<=860px){.users-filters-grid{grid-template-columns:1fr}.user-row-head{display:none}.user-row{grid-template-columns:48px 52px 1fr 40px;grid-template-areas:"flag avatar identity actions""flag avatar apps actions""flag avatar university actions""flag avatar created actions""flag avatar last actions";row-gap:8px}.user-row-flag{grid-area:flag;place-self:center;width:48px}.user-row-avatar{grid-area:avatar;place-self:center;width:52px}.user-row-identity{grid-area:identity}.user-row-apps{grid-area:apps}.user-row-university{grid-area:university}.user-row-date:first-of-type{grid-area:created}.user-row-date:nth-of-type(2){grid-area:last}.user-row-actions{grid-area:actions}}.ai-hero{background:linear-gradient(135deg, #29b8ff2e, #7c5cff33), var(--panel);justify-content:flex-start}.robot-orbit{border:1px solid var(--border-strong);background:radial-gradient(circle,#7c5cff57,#29b8ff14);border-radius:50%;flex:none;place-items:center;width:118px;height:118px;display:grid;position:relative}.robot-orbit:before{content:"";border:1px dashed #ffffff38;border-radius:50%;animation:8s linear infinite spin;position:absolute;inset:10px}.robot-head{background:linear-gradient(135deg,#ecf7ff,#a8b9ff);border-radius:18px;justify-content:center;align-items:center;gap:12px;width:62px;height:48px;animation:2.8s ease-in-out infinite float;display:flex;position:relative}.robot-head:before{content:"";background:#dfe7ff;width:2px;height:15px;position:absolute;top:-17px}.robot-head span{background:#1a2550;border-radius:50%;width:9px;height:9px}.ai-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,.75fr) minmax(240px,.75fr);gap:18px;display:grid}.prompt-panel{min-height:360px}textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:230px;color:var(--heading);background:#070b1294;border-radius:18px;outline:none;padding:18px;line-height:1.6}textarea:focus{border-color:#7c5cffb3;box-shadow:0 0 0 4px #7c5cff21}.mode-card{border-radius:var(--radius);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:18px;min-height:260px;padding:22px;display:flex}.mode-card svg{color:#8dd8ff}.mode-card h3{color:var(--heading);letter-spacing:-.03em;font-size:23px}.mode-card p{color:var(--muted);line-height:1.55}.mode-card button{color:#c3bbff;background:#7c5cff2e;padding:11px 14px}.mode-card.selectable.active{border-color:#7c5cffa6;box-shadow:0 0 0 1px #7c5cff59}.mode-card.selectable{cursor:pointer}.prompt-edit-hint{color:#9f91ff;margin-top:6px;font-size:12px;font-weight:700}textarea:disabled{opacity:.55;cursor:not-allowed}.login-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{border:1px solid var(--border);background:var(--panel);width:min(480px,100%);box-shadow:var(--shadow);border-radius:30px;padding:32px}.login-brand{align-items:center;gap:14px;margin-bottom:16px;display:flex}.login-brand h1{color:var(--heading);letter-spacing:-.04em;font-size:30px}.login-copy{color:var(--muted);margin-bottom:22px;line-height:1.6}.login-form{gap:14px;display:grid}.login-form label{gap:8px;display:grid}.login-form label span{color:var(--muted);font-size:13px;font-weight:700}.login-form input{border:1px solid var(--border);color:var(--text);background:#ffffff0a;border-radius:16px;padding:14px 16px}.login-form input:focus{border-color:#7c5cffb3;outline:none}.login-error{color:var(--danger);font-size:14px}.primary-button{color:#fff;background:linear-gradient(135deg,#7c5cff,#29b8ff);border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 18px;font-weight:850;display:inline-flex}.primary-button:disabled{opacity:.7;cursor:not-allowed}.status-line{color:var(--muted);margin-bottom:10px;font-size:13px}.status-line.success{color:var(--green)}.status-line.muted{margin-top:10px}.logout-card{text-align:center;border-radius:30px;justify-items:center;width:min(540px,100%);margin:8vh auto 0;padding:38px 24px;display:grid}.logout-icon{color:#ff8a9a;background:#ff526b26;border-radius:26px;place-items:center;width:82px;height:82px;margin-bottom:18px;display:grid}.logout-actions{gap:12px;margin-top:24px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=1180px){.app-shell{grid-template-columns:92px minmax(0,1fr)}.brand{justify-content:center;padding:0}.brand span:last-child,.nav-item span{display:none}.nav-item{justify-content:center;padding:0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.ai-grid{grid-template-columns:1fr}.user-row{grid-template-columns:1fr 1fr}.row-actions{justify-content:flex-start}}@media (width<=760px){.app-shell{display:block}.sidebar{z-index:30;border-right:0;border-bottom:1px solid var(--border);height:auto;position:sticky;top:0}.brand{display:none}.navigation{scrollbar-width:none;gap:8px;padding:10px;display:flex;overflow-x:auto}.navigation::-webkit-scrollbar{display:none}.nav-item{min-width:max-content;padding:0 14px}.nav-item span{display:inline}.topbar{align-items:flex-start;padding:16px;position:static}.topbar-actions{gap:8px}.ghost-button{padding:10px}.ghost-button:not(.panel-header .ghost-button){font-size:0}.content{padding:12px}.hero-panel,.ai-hero,.section-title,.panel-header{flex-direction:column;align-items:flex-start}.primary-action{width:100%}.metric-grid,.user-row{grid-template-columns:1fr}.chart-large{height:300px}.robot-orbit{width:96px;height:96px}.logout-actions{flex-direction:column;width:100%}.logout-actions button{width:100%}}.catalog-generate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.catalog-generate-panel .field{flex-direction:column;gap:8px;display:flex}.catalog-generate-panel .field span,.catalog-filters span{color:var(--muted);font-size:13px;font-weight:700}.catalog-generate-panel select,.catalog-generate-panel textarea,.catalog-filters input,.catalog-filters select{border:1px solid var(--border);background:var(--panel-2,#0f1420);width:100%;color:inherit;font:inherit;border-radius:14px;padding:12px 14px}.catalog-generate-panel textarea{resize:vertical;min-height:160px;line-height:1.45}.checkbox-field{align-items:center;padding-top:28px;flex-direction:row!important;gap:10px!important}.checkbox-field input{width:18px;height:18px}.catalog-filters{grid-template-columns:1fr 180px;gap:12px;margin-bottom:16px;display:grid}.catalog-list{flex-direction:column;gap:10px;display:flex}.catalog-row{border:1px solid var(--border);background:#ffffff05;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.catalog-row-main{align-items:center;gap:14px;min-width:0;display:flex}.catalog-row-main h3{margin:0 0 4px;font-size:16px}.catalog-row-main p{color:var(--muted);margin:0;font-size:13px}.catalog-thumb{object-fit:cover;background:#ffffff0f;border-radius:14px;flex-shrink:0;width:56px;height:56px}.catalog-thumb.placeholder{border:1px dashed var(--border)}.catalog-row-actions{flex-shrink:0;gap:8px;display:flex}.ghost-button.danger{color:var(--danger)}.catalog-empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:36px 16px;display:flex}.catalog-modal-backdrop{z-index:40;background:#040810b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.catalog-modal{border:1px solid var(--border);background:var(--panel,#121826);border-radius:24px;width:min(720px,100%);max-height:min(86vh,900px);padding:22px;overflow:auto}.catalog-conflict-modal{gap:16px;width:min(480px,100%);display:grid}.catalog-conflict-modal .modal-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.catalog-conflict-modal h3{margin:4px 0 0}.catalog-conflict-list{gap:8px;max-height:180px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.catalog-conflict-list li{border:1px solid var(--border);background:var(--panel-2,#ffffff0a);border-radius:12px;padding:10px 12px;font-size:14px;font-weight:650}.catalog-conflict-list li.muted{color:var(--muted);border-style:dashed;font-weight:600}.catalog-conflict-actions{gap:10px;display:grid}.catalog-conflict-actions .primary-button,.catalog-conflict-actions .ghost-button{justify-content:center;width:100%}.catalog-detail-image{object-fit:cover;border-radius:16px;width:100%;max-height:220px;margin-bottom:14px}.catalog-detail-body{color:var(--muted);line-height:1.55}.catalog-lesson-list{flex-direction:column;gap:12px;margin:12px 0 0;padding:0;list-style:none;display:flex}.catalog-lesson-list li{border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.catalog-lesson-list span{color:var(--muted);font-size:14px}.catalog-lesson-image{object-fit:cover;border-radius:12px;width:100%;max-height:140px;margin-top:8px}.spin{animation:.9s linear infinite catalog-spin}@keyframes catalog-spin{to{transform:rotate(360deg)}}@media (width<=900px){.catalog-generate-grid,.catalog-filters,.catalog-row{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.checkbox-field{padding-top:0}.catalog-row-actions{width:100%}.catalog-row-actions button{flex:1}}.catalog-header-actions{align-items:center;gap:8px;display:flex}.fancy-select{flex-direction:column;gap:8px;display:flex;position:relative}.fancy-select-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.fancy-select-trigger{border:1px solid var(--border);width:100%;min-height:48px;color:var(--text);font:inherit;cursor:pointer;background:linear-gradient(#ffffff0f,#ffffff05);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:600;transition:border-color .15s,box-shadow .15s;display:flex}.fancy-select-trigger:hover:not(:disabled),.fancy-select.open .fancy-select-trigger{border-color:#7c5cff73;box-shadow:0 0 0 3px #7c5cff29}.fancy-select-trigger:disabled{opacity:.55;cursor:not-allowed}.fancy-select-trigger svg{color:var(--muted);transition:transform .15s}.fancy-select.open .fancy-select-trigger svg{transform:rotate(180deg)}.fancy-select-menu{z-index:20;border:1px solid var(--border);background:#151b2b;border-radius:16px;margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 18px 40px #00000059}.fancy-select-menu button{width:100%;color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:600;display:flex}.fancy-select-menu button:hover,.fancy-select-menu button.active{background:#7c5cff29}.checkbox-card{border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:16px;align-items:center;min-height:48px;margin-top:22px;padding:12px 14px;flex-direction:row!important;gap:12px!important;display:flex!important}.checkbox-card.on{background:#7c5cff1a;border-color:#7c5cff66}.checkbox-card input{accent-color:#7c5cff;width:18px;height:18px}.checkbox-card span{flex-direction:column;gap:2px;display:flex;text-transform:none!important;letter-spacing:normal!important}.checkbox-card strong{color:var(--text);font-size:14px}.checkbox-card em{color:var(--muted);font-size:12px;font-style:normal;font-weight:500}.catalog-search-field span{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.catalog-progress{border:1px solid var(--border);background:#7c5cff0f;border-radius:20px;margin-top:18px;padding:18px}.catalog-progress-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.catalog-progress-head h3{margin:0 0 4px;font-size:16px}.catalog-progress-head p{color:var(--muted);margin:0;font-size:13px}.catalog-progress-head strong{color:#b7a6ff;font-size:22px}.catalog-progress-bar{background:#ffffff14;border-radius:999px;height:8px;margin-bottom:16px;overflow:hidden}.catalog-progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#7c5cff,#52d3ff);height:100%;transition:width .25s;display:block}.catalog-pipeline{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.pipeline-step{border:1px solid var(--border);min-height:44px;color:var(--muted);background:#ffffff08;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.pipeline-step.active{color:var(--text);background:#7c5cff24;border-color:#7c5cff73}.pipeline-step.done{color:#7dffb2;border-color:#7dffb247}.pipeline-step.error{color:var(--danger);border-color:#ff526b59}.catalog-topic-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.topic-stage{border:1px solid var(--border);background:#ffffff08;border-radius:16px;gap:12px;padding:12px 14px;display:flex}.topic-stage.active{background:#7c5cff1a;border-color:#7c5cff66}.topic-stage.done{border-color:#7dffb240}.topic-stage.skipped{opacity:.78}.topic-stage.error{border-color:#ff526b59}.topic-stage-icon{background:#ffffff0f;border-radius:999px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.topic-stage h4{margin:0 0 2px;font-size:14px}.topic-stage p{color:var(--text);margin:0;font-size:13px;font-weight:600}.topic-stage span{color:var(--muted);margin-top:2px;font-size:12px;display:block}@media (width<=900px){.catalog-pipeline,.catalog-topic-stages{grid-template-columns:1fr}.checkbox-card{margin-top:0}}.catalog-topic-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.catalog-editor-modal{width:min(1180px,100%);max-height:min(92vh,980px)}.catalog-editor-grid{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.catalog-editor-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.catalog-editor-main,.catalog-editor-lessons,.lesson-editor{flex-direction:column;gap:12px;display:flex}.catalog-editor-main .field input,.catalog-editor-main .field select,.catalog-editor-main .field textarea,.catalog-editor-lessons .field input,.catalog-editor-lessons .field textarea,.rich-area{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#ffffff0a;border-radius:14px;padding:12px 14px;line-height:1.5}.rich-area{resize:vertical;min-height:110px}.panel-header.compact{margin-bottom:0}.lesson-tabs{flex-wrap:wrap;gap:8px;max-height:120px;display:flex;overflow:auto}.lesson-tabs button{border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;background:#ffffff08;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.lesson-tabs button.active{color:var(--text);background:#7c5cff29;border-color:#7c5cff73}.catalog-photo-block{border:1px solid var(--border);background:#ffffff08;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.catalog-concept-gif-panel{background:radial-gradient(circle at 12% 18%,#34d3992e,#0000 46%),#0f172a8c;border:2px solid #34d39973;border-radius:18px;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex;box-shadow:0 16px 36px #02081747}.catalog-concept-gif-copy .eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#6ee7b7;margin:0 0 4px;font-size:.72rem}.catalog-concept-gif-copy h3{margin:0 0 6px;font-size:1.15rem}.catalog-concept-gif-copy p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.catalog-concept-gif-preview{border:1px solid var(--border);background:#02081773;border-radius:14px;min-height:180px;overflow:hidden}.catalog-concept-gif-preview img,.catalog-concept-gif-preview .catalog-thumb{object-fit:cover;place-items:center;width:100%;height:220px;display:grid}.catalog-concept-gif-preview .catalog-thumb span{color:var(--muted);font-size:.85rem}.catalog-concept-gif-actions{flex-wrap:wrap;gap:8px;display:flex}.catalog-concept-prompt-field{margin:0}.catalog-concept-prompt-field textarea{resize:vertical;width:100%;min-height:96px;font-size:.9rem;line-height:1.45}.catalog-concept-prompt-field small{margin-top:6px;display:block}.catalog-generate-gif-btn{color:#04131c;background:linear-gradient(135deg,#34d399,#38bdf8);border:none;flex:220px;gap:8px;min-height:48px;font-weight:800;box-shadow:0 12px 28px #34d39947}.catalog-generate-gif-btn:disabled{opacity:.7}.catalog-photo-block.compact{gap:8px}.catalog-thumb.placeholder.wide{width:100%;height:140px}.upload-button{cursor:pointer;align-items:center;gap:8px;width:fit-content;display:inline-flex}@media (width<=980px){.catalog-editor-grid,.catalog-editor-fields{grid-template-columns:1fr}}.syllabus-page{flex-direction:column;gap:18px;display:flex}.syllabus-tabs{border:1px solid var(--border);background:var(--panel-soft);border-radius:18px;gap:10px;width:fit-content;padding:4px;display:flex}.syllabus-tab{min-width:120px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;padding:12px 18px;font-weight:800}.syllabus-tab.active{background:var(--panel-strong);color:var(--heading);border-color:#7c5cff8c}.syllabus-search{border:1px solid var(--border);background:#ffffff08;border-radius:16px;align-items:center;gap:10px;max-width:420px;padding:0 14px;display:flex}.syllabus-search span{color:var(--muted);font-size:18px;font-weight:700}.syllabus-search input{min-height:48px;color:var(--heading);background:0 0;border:0;outline:none;flex:1;font-size:15px;font-weight:600}.syllabus-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:start;gap:18px;display:grid}.syllabus-groups{flex-direction:column;gap:22px;display:flex}.syllabus-group-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.syllabus-index{color:#cbb8ff;background:#7c5cff2e;border-radius:10px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:inline-flex}.syllabus-group-header h3{color:var(--heading);margin:0 0 4px;font-size:20px}.syllabus-group-header p{color:var(--muted);margin:0;font-size:13px;font-weight:600}.syllabus-card-row{gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.syllabus-section-card{border:1px solid var(--border);background:var(--panel-strong);min-height:132px;color:inherit;text-align:left;cursor:pointer;border-radius:20px;flex-direction:column;flex:0 0 196px;gap:8px;padding:16px;transition:border-color .15s,transform .15s;display:flex}.syllabus-section-card:hover,.syllabus-section-card.selected{border-color:#7c5cffb3;transform:translateY(-1px)}.syllabus-section-card strong{color:var(--heading);font-size:17px;font-weight:900}.syllabus-section-card span{color:var(--muted);flex:1;font-size:13px;font-weight:600;line-height:1.4}.syllabus-section-card em{color:#cbb8ff;letter-spacing:.2px;text-transform:uppercase;font-size:12px;font-style:normal;font-weight:800}.syllabus-detail{border:1px solid var(--border);background:#ffffff08;border-radius:20px;min-height:280px;padding:20px;position:sticky;top:18px}.syllabus-detail h3{color:var(--heading);margin:6px 0 8px}.syllabus-leaf-list{flex-direction:column;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.syllabus-leaf-list li{border:1px solid var(--border);color:var(--heading);background:#ffffff08;border-radius:14px;padding:12px 14px;font-size:14px;font-weight:700}.panel-soft{background:#ffffff08}.empty-state{padding:18px}.empty-state h3{color:var(--heading);margin:0 0 6px}.empty-state p,.muted{color:var(--muted)}@media (width<=980px){.syllabus-layout{grid-template-columns:1fr}.syllabus-detail{position:static}}.feedback-page{flex-direction:column;gap:16px;display:flex}.feedback-chart-card{border:1px solid var(--border);background:#ffffff08;border-radius:18px;padding:16px}.feedback-summary-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.feedback-summary-pill{border:1px solid var(--border);color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.feedback-summary-pill strong{color:var(--heading)}.feedback-filters{flex-wrap:wrap;gap:12px;display:flex}.feedback-filters label{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.feedback-filters select{border:1px solid var(--border);min-width:160px;color:var(--heading);background:#ffffff0a;border-radius:12px;padding:10px 12px}.feedback-list{flex-direction:column;gap:10px;display:flex}.feedback-row{border:1px solid var(--border);background:#ffffff08;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.feedback-row-main{flex-direction:column;gap:4px;min-width:0;display:flex}.feedback-row-main p{color:var(--heading);margin:0;font-size:14px;font-weight:600}.feedback-row-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reaction-chip{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.reaction-chip.like{color:#34d399;background:#34d39924}.reaction-chip.dislike{color:#ff5c7a;background:#ff5c7a24}@media (width<=720px){.feedback-row{flex-direction:column;align-items:stretch}}.packages-page{flex-direction:column;gap:16px;display:flex}.package-form{border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:14px;padding:16px;display:flex}.package-form-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.package-form-header h3,.package-form-header h4,.translation-block h4{color:var(--heading);margin:0}.package-form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.package-form label,.translation-block label{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.package-form input,.package-form select,.package-form textarea,.translation-block input,.translation-block textarea{border:1px solid var(--border);color:var(--heading);font:inherit;background:#ffffff0a;border-radius:12px;padding:10px 12px}.checkbox-row{align-items:center;margin-top:24px;flex-direction:row!important;gap:8px!important}.translation-block{border:1px solid var(--border);background:#ffffff05;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.package-form-actions,.package-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.success-text{color:#34d399;margin:0}.error-text{color:#ff5c7a;margin:0}.packages-page .panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.topic-images-hero{background:radial-gradient(circle at 12% 20%,#38bdf838,#0000 42%),radial-gradient(circle at 88% 10%,#34d39929,#0000 38%),linear-gradient(135deg,#0f172aeb,#1e293be0);border:1px solid #38bdf859}.topic-images-generator{border:2px solid #38bdf873;box-shadow:0 0 0 1px #38bdf81f,0 18px 40px #02081747}.topic-images-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.topic-images-form label{color:var(--muted);flex-direction:column;gap:8px;font-size:.86rem;display:flex}.topic-images-form label.full-width{grid-column:1/-1}.topic-images-form select,.topic-images-form textarea{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#ffffff08;border-radius:12px;padding:11px 12px}.topic-images-actions{margin-top:18px}.topic-images-generate-btn{letter-spacing:.01em;color:#0b1220;background:linear-gradient(135deg,#38bdf8,#34d399);border:none;gap:10px;width:100%;max-width:420px;min-height:56px;font-size:1.05rem;font-weight:800;box-shadow:0 14px 30px #38bdf847}.topic-images-generate-btn:disabled{opacity:.65}.topic-images-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.topic-image-card{border:1px solid var(--border);background:#ffffff05;border-radius:16px;flex-direction:column;gap:12px;padding:12px;display:flex}.topic-image-preview{aspect-ratio:4/3;background:#0f172aa6;border-radius:12px;position:relative;overflow:hidden}.topic-image-preview img{object-fit:cover;width:100%;height:100%;display:block}.topic-image-placeholder{height:100%;color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.06em;place-content:center;gap:6px;font-size:.75rem;display:grid}.topic-image-badge{letter-spacing:.04em;color:#e2e8f0;background:#0f172ad1;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:800;position:absolute;top:10px;left:10px}.topic-image-badge.type-gif{color:#052e1a;background:#34d399eb}.topic-image-badge.type-image{color:#082f49;background:#38bdf8eb}.topic-image-meta{flex-direction:column;gap:4px;min-height:64px;display:flex}.topic-image-meta strong{font-size:.95rem}.topic-image-meta span{color:var(--muted);font-size:.82rem}.topic-image-card-actions{flex-wrap:wrap;gap:8px;display:flex}.topic-image-card-actions .primary-button,.topic-image-card-actions .ghost-button{flex:1;justify-content:center;gap:6px;min-width:110px}.ghost-button.danger{color:#ff7a90;border-color:#ff5c7a59}@media (width<=720px){.topic-images-form{grid-template-columns:1fr}.topic-images-generate-btn{max-width:none}}.emails-page{flex-direction:column;gap:16px;display:flex}.emails-layout{grid-template-columns:minmax(240px,280px) minmax(0,1.1fr) minmax(280px,.9fr);gap:14px;min-height:70vh;display:grid}.emails-list-panel,.emails-editor-panel,.emails-preview-panel{border:1px solid var(--border);background:#ffffff08;border-radius:18px;flex-direction:column;gap:12px;min-height:0;padding:14px;display:flex}.emails-list-panel label,.emails-editor-panel label{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.emails-list-panel select,.emails-editor-panel input,.emails-editor-panel textarea{border:1px solid var(--border);color:var(--heading);font:inherit;background:#ffffff0a;border-radius:12px;padding:10px 12px}.emails-list{flex-direction:column;gap:8px;max-height:calc(70vh - 120px);display:flex;overflow:auto}.emails-list-item{text-align:left;color:inherit;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.emails-list-item.active{background:#00d7c714;border-color:#00d7c773}.emails-list-item-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.emails-list-item-top strong{color:var(--heading);font-size:14px}.emails-badge{letter-spacing:.06em;color:var(--muted);background:#ffffff14;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800}.emails-list-item-meta{letter-spacing:.08em;color:#00d7c7;font-size:10px;font-weight:800}.emails-list-item-desc{color:var(--muted);font-size:12px;line-height:1.4}.emails-editor-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.emails-editor-header h3{color:var(--heading);margin:4px 0 0}.emails-kicker{letter-spacing:.08em;color:#00d7c7;margin:0;font-size:11px;font-weight:800}.emails-placeholders{border:1px dashed var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.emails-placeholders span{color:var(--muted);font-size:11px;font-weight:700}.emails-placeholders div{flex-wrap:wrap;gap:6px;display:flex}.emails-placeholders code{color:#c7d2fe;background:#ffffff0f;border-radius:8px;padding:4px 7px;font-size:11px}.emails-code{resize:vertical;min-height:280px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.45}.emails-preview-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.emails-test-send{border:1px solid var(--border);background:#ffffff08;border-radius:14px;gap:10px;padding:12px;display:grid}.emails-test-send label{color:var(--muted);gap:6px;font-size:12px;display:grid}.emails-test-send input{border:1px solid var(--border);width:100%;color:var(--heading);font:inherit;background:#0003;border-radius:10px;padding:10px 12px}.emails-test-send-button{justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.emails-test-send-hint{margin:0;font-size:12px;line-height:1.4}.emails-preview-toolbar strong{color:var(--heading)}.emails-preview-actions{flex-wrap:wrap;gap:6px;display:flex}.emails-preview-actions button{border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.emails-preview-actions button.active{color:var(--heading);background:#00d7c71f;border-color:#00d7c773}.emails-preview-frame{border:1px solid var(--border);background:#0b1020;border-radius:14px;flex-direction:column;flex:1;min-height:480px;display:flex;overflow:hidden}.emails-preview-frame.light{background:#f4f6fb}.emails-preview-subject{border-bottom:1px solid var(--border);color:var(--heading);margin:0;padding:12px 14px;font-size:13px;font-weight:700}.emails-preview-iframe{background:0 0;border:0;flex:1;width:100%;min-height:420px}@media (width<=1100px){.emails-layout{grid-template-columns:1fr}.emails-list{max-height:280px}}