:root{--bg: #0a0e17;--surface: #10141f;--surface-alt: #141926;--surface-hover: #1a2030;--line: #232a3a;--ink: #e8eaf0;--ink-muted: #8e95a5;--ink-faint: #5f6779;--accent: #5b8def;--accent-soft: #16233d;--radius: 14px;--blue: #5b8def;--blue-soft: #16233d;--green: #34c78e;--green-soft: #12291f;--purple: #a879f2;--purple-soft: #241b3a;--orange: #f2994a;--orange-soft: #33230f;--red: #f2597a;--red-soft: #331924;--gold: #e8c74a;--gold-soft: #332d14;--gray: #9aa2b1;--gray-soft: #1c2130;--teal: #2dd4bf;--teal-soft: #0f2e2b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink)}button{font:inherit;color:inherit}.portal-shell{height:100vh;overflow:hidden;display:flex;flex-direction:column}.topbar{height:52px;flex:0 0 auto;display:flex;align-items:center;gap:24px;padding:0 24px;border-bottom:1px solid var(--line);background:var(--surface)}.topbar-left{display:flex;align-items:center;gap:16px;flex:0 0 auto}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--ink-muted);cursor:pointer;position:relative}.icon-btn:hover{background:var(--surface-hover);color:var(--ink)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--blue),#2f5bd0);color:#fff;font-weight:800;font-size:.85rem;font-style:italic}.brand-name{font-weight:700;letter-spacing:.03em;font-size:1rem}.brand.collapsed .brand-name{display:none}.topbar-search{flex:1 1 auto;max-width:480px;margin:0 auto;display:flex;align-items:center;gap:8px;background:var(--surface-alt);border:1px solid var(--line);border-radius:10px;padding:0 12px;height:40px}.topbar-search:focus-within{border-color:var(--accent)}.search-icon{color:var(--ink-faint);flex:0 0 auto;width:17px;height:17px}.topbar-search input{flex:1;background:transparent;border:none;outline:none;color:var(--ink);font-size:.9rem}.topbar-search input::placeholder{color:var(--ink-faint)}.search-kbd{flex:0 0 auto;font-family:inherit;font-size:.72rem;color:var(--ink-faint);border:1px solid var(--line);border-radius:6px;padding:2px 6px}.topbar-right{flex:0 0 auto;display:flex;align-items:center;gap:12px}.topbar-logo-wrap{display:flex;align-items:center;background:#fff;border-radius:8px;padding:5px 12px}.topbar-logo{display:block;height:18px;width:auto}.user-avatar{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.user-avatar-img{object-fit:cover}.portal-body{flex:1 1 auto;display:flex;min-height:0}.sidebar{flex:0 0 208px;border-right:1px solid var(--line);background:var(--surface);padding:20px 14px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;overflow-x:hidden;transition:flex-basis .15s ease}.sidebar.collapsed{flex-basis:76px;padding:20px 10px}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-count,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .sidebar-collapse-btn .nav-label{display:none}.sidebar.collapsed .account-trigger{justify-content:center}.sidebar.collapsed .account-popover{left:8px;right:auto;width:240px}.sidebar.collapsed .sidebar-collapse-btn{justify-content:center}.sidebar.collapsed .collapse-icon{transform:rotate(-90deg)}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:none;background:transparent;color:var(--ink-muted);font-size:.88rem;font-weight:500;text-align:left;cursor:pointer}.nav-item svg{flex:0 0 auto;width:18px;height:18px}.nav-item:hover{background:var(--surface-hover);color:var(--ink)}.nav-item.active{background:linear-gradient(135deg,var(--blue),#2f5bd0);color:#fff}.nav-count{margin-left:auto;font-size:.72rem;font-weight:700;background:#ffffff26;border-radius:999px;padding:1px 7px}.nav-item.active .nav-count{background:#ffffff40}.sidebar-section-label{display:flex;align-items:center;gap:8px;margin:18px 12px 4px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.section-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex:0 0 auto}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px}.sidebar-collapse-btn{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--ink-muted);font-size:.85rem;font-weight:500;cursor:pointer}.sidebar-collapse-btn:hover{background:var(--surface-hover);color:var(--ink)}.collapse-icon{flex:0 0 auto;width:16px;height:16px;transform:rotate(90deg);transition:transform .15s ease}.account-widget{position:relative}.account-trigger{width:100%;display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;border:none;background:transparent;cursor:pointer;text-align:left}.account-trigger:hover{background:var(--surface-hover)}.account-trigger-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.account-caption{font-size:.75rem;color:var(--ink-muted)}.account-more{flex:0 0 auto;color:var(--ink-faint);font-size:1rem;line-height:1}.account-popover{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;padding:14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-alt);box-shadow:0 12px 32px #00000059;display:flex;flex-direction:column;gap:12px;z-index:20}.account-card-top{display:flex;align-items:center;gap:10px}.account-details{display:flex;flex-direction:column;gap:12px;min-width:0}.account-card-top .account-details{gap:1px}.account-name{font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-email{font-size:.75rem;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-card-role{display:flex;align-items:center;justify-content:space-between}.account-role-label{font-size:.78rem;color:var(--ink-muted)}.account-role-badge{font-size:.72rem;font-weight:700;padding:2px 10px;border-radius:999px;background:var(--gray-soft);color:var(--gray)}.account-role-badge.is-admin{background:var(--gold-soft);color:var(--gold)}.account-logout{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--red);font-size:.85rem;font-weight:600;cursor:pointer}.account-logout:hover{background:var(--red-soft)}.account-logout-icon{width:15px;height:15px}.content{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;padding:28px 32px 40px;overflow-y:auto}.content.content-full{padding:0;overflow:hidden}.hero{position:relative;flex-shrink:0;border-radius:var(--radius);padding:22px 26px;margin-bottom:22px;overflow:hidden;background:radial-gradient(circle at 88% 20%,rgba(91,141,239,.35),transparent 55%),radial-gradient(circle at 100% 90%,rgba(168,121,242,.18),transparent 50%),linear-gradient(135deg,#0d1220,#131a2c 55%,#0d1220);border:1px solid var(--line)}.hero-text{position:relative;display:flex;flex-direction:column;gap:8px;max-width:640px}.hero-eyebrow{color:var(--blue);font-weight:600;font-size:.88rem}.hero-text h1{margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.hero-text p{margin:4px 0 0;color:var(--ink-muted);font-size:.86rem;line-height:1.55}.apps-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.apps-section-header h2{margin:0;font-size:1.05rem}.view-toggle{display:flex;gap:2px;background:var(--surface-alt);border:1px solid var(--line);border-radius:10px;padding:3px}.view-toggle button{width:34px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:7px;color:var(--ink-muted);cursor:pointer}.view-toggle button svg{width:16px;height:16px}.view-toggle button.active{background:var(--accent);color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:56px 20px;color:var(--ink-muted);border:1px dashed var(--line);border-radius:var(--radius)}.empty-state svg{width:30px;height:30px;color:var(--ink-faint)}.empty-state p{margin:0;max-width:40ch;text-align:center;font-size:.92rem}.apps-grid.view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.apps-grid.view-list{display:flex;flex-direction:column;gap:12px}.app-card{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px 10px;transition:border-color .15s ease,transform .15s ease}.app-card:hover{transform:translateY(-2px)}.app-card.theme-blue:hover{border-color:var(--blue)}.app-card.theme-green:hover{border-color:var(--green)}.app-card.theme-purple:hover{border-color:var(--purple)}.app-card.theme-orange:hover{border-color:var(--orange)}.app-card.theme-red:hover{border-color:var(--red)}.app-card.theme-teal:hover{border-color:var(--teal)}.app-card-icon{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.app-card-icon svg{width:16px;height:16px}.theme-blue .app-card-icon{background:var(--blue-soft);color:var(--blue)}.theme-green .app-card-icon{background:var(--green-soft);color:var(--green)}.theme-purple .app-card-icon{background:var(--purple-soft);color:var(--purple)}.theme-orange .app-card-icon{background:var(--orange-soft);color:var(--orange)}.theme-red .app-card-icon{background:var(--red-soft);color:var(--red)}.theme-teal .app-card-icon{background:var(--teal-soft);color:var(--teal)}.app-card-header{display:flex;align-items:center;gap:8px}.app-card-body{display:flex;flex-direction:column;gap:6px;flex:1}.app-code{font-size:.62rem;font-weight:700;letter-spacing:.05em;padding:2px 8px;border-radius:999px}.theme-blue .app-code{background:var(--blue-soft);color:var(--blue)}.theme-green .app-code{background:var(--green-soft);color:var(--green)}.theme-purple .app-code{background:var(--purple-soft);color:var(--purple)}.theme-orange .app-code{background:var(--orange-soft);color:var(--orange)}.theme-red .app-code{background:var(--red-soft);color:var(--red)}.theme-teal .app-code{background:var(--teal-soft);color:var(--teal)}.app-name{margin:0;font-size:.92rem;font-weight:700}.app-desc{margin:0;color:var(--ink-muted);font-size:.78rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line)}.app-launch{display:inline-flex;align-items:center;gap:6px;color:var(--ink-muted);text-decoration:none;font-size:.86rem;font-weight:600}.app-launch-icon{width:15px;height:15px}.app-launch-chev{font-size:1rem}.app-card:hover .app-launch{color:var(--ink)}.theme-blue:hover .app-launch{color:var(--blue)}.theme-green:hover .app-launch{color:var(--green)}.theme-purple:hover .app-launch{color:var(--purple)}.theme-orange:hover .app-launch{color:var(--orange)}.theme-red:hover .app-launch{color:var(--red)}.theme-teal:hover .app-launch{color:var(--teal)}.app-card-actions{display:flex;align-items:center;gap:2px}.app-fav,.app-embed{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--ink-faint);cursor:pointer}.app-fav svg,.app-embed svg{width:17px;height:17px}.app-fav:hover,.app-embed:hover{color:var(--ink);background:var(--surface-hover)}.app-fav.is-favorite{color:var(--orange)}.app-fav.is-favorite svg{fill:currentColor}.app-card.view-list{flex-direction:row;align-items:center;gap:18px;padding:14px 20px}.app-card.view-list .app-card-body{flex-direction:row;align-items:center;gap:14px}.app-card.view-list .app-name{flex:0 0 auto}.app-card.view-list .app-desc{border-left:1px solid var(--line);padding-left:14px}.app-card.view-list .app-card-footer{border-top:none;padding-top:0;flex:0 0 auto;gap:14px}.feature-strip{flex-shrink:0;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.feature-tile{display:flex;align-items:flex-start;gap:12px}.feature-icon{flex:0 0 auto;width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.feature-icon-blue{background:var(--blue-soft);color:var(--blue)}.feature-icon-purple{background:var(--purple-soft);color:var(--purple)}.feature-icon-green{background:var(--green-soft);color:var(--green)}.feature-icon-red{background:var(--red-soft);color:var(--red)}.feature-tile h4{margin:0 0 2px;font-size:.92rem}.feature-tile p{margin:0;font-size:.8rem;color:var(--ink-muted);line-height:1.4}.signin-shell{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.signin-card{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:40px 32px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.signin-mark{width:48px;height:48px;font-size:1.1rem;margin-bottom:8px}.signin-card h1{margin:0;font-size:1.6rem}.signin-card p{margin:0 0 12px;color:var(--ink-muted);font-size:.92rem}.signin-btn{width:100%;padding:11px 18px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--blue),#2f5bd0);color:#fff;font-weight:600;font-size:.92rem;cursor:pointer}.signin-btn:hover{filter:brightness(1.08)}.admin-page{display:flex;flex-direction:column;gap:16px}.admin-subtitle{margin:-8px 0 0;color:var(--ink-muted);font-size:.88rem;line-height:1.5;max-width:70ch}.admin-loading{padding:40px;text-align:center;color:var(--ink-muted)}.admin-error{padding:20px;border-radius:var(--radius);border:1px solid var(--red);background:var(--red-soft)}.admin-error h3{margin:0 0 6px;font-size:1rem}.admin-error p{margin:0;font-size:.88rem;color:var(--ink-muted)}.admin-error-hint{margin-top:8px!important}.admin-error-hint code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#ffffff14;padding:1px 5px;border-radius:4px}.admin-error-inline{padding:12px 16px}.admin-search{position:relative;display:flex;align-items:center;gap:8px;max-width:420px;background:var(--surface-alt);border:1px solid var(--line);border-radius:10px;padding:0 12px;height:42px}.admin-search:focus-within{border-color:var(--accent)}.admin-search input{flex:1;background:transparent;border:none;outline:none;color:var(--ink);font-size:.9rem}.admin-search-results{display:flex;flex-direction:column;gap:2px;max-width:420px;border:1px solid var(--line);border-radius:10px;padding:6px;background:var(--surface)}.admin-search-result{display:flex;flex-direction:column;gap:1px;text-align:left;padding:8px 10px;border:none;border-radius:8px;background:transparent;cursor:pointer}.admin-search-result:hover{background:var(--surface-hover)}.admin-search-empty{padding:10px;color:var(--ink-muted);font-size:.85rem}.admin-user-name{font-size:.9rem;font-weight:600}.admin-user-mail{font-size:.78rem;color:var(--ink-muted)}.admin-table{border:1px solid var(--line);border-radius:var(--radius);overflow:auto;background:var(--surface)}.admin-table-header,.admin-table-row{display:grid;grid-template-columns:240px repeat(7,minmax(56px,1fr));align-items:center;gap:8px;padding:12px 16px}.admin-table-header{border-bottom:1px solid var(--line);color:var(--ink-faint);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.admin-table-row{transition:background-color .15s ease}.admin-table-row:hover{background:var(--surface-hover)}.admin-table-row+.admin-table-row{border-top:1px solid var(--line)}.admin-col-user{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-col-role{display:flex;justify-content:center;text-align:center}.role-toggle{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink-faint);font-size:.95rem;font-weight:700;cursor:pointer;transition:filter .15s ease,transform .1s ease}.role-toggle:hover{filter:brightness(1.2);transform:translateY(-1px)}.role-toggle:active{transform:translateY(0)}.role-toggle:disabled{opacity:.5;cursor:not-allowed;transform:none}.role-toggle.theme-blue{border-color:var(--blue);color:var(--blue)}.role-toggle.theme-green{border-color:var(--green);color:var(--green)}.role-toggle.theme-purple{border-color:var(--purple);color:var(--purple)}.role-toggle.theme-orange{border-color:var(--orange);color:var(--orange)}.role-toggle.theme-red{border-color:var(--red);color:var(--red)}.role-toggle.theme-admin{border-color:var(--gold);color:var(--gold)}.role-toggle.theme-teal{border-color:var(--teal);color:var(--teal)}.role-toggle.theme-gray{border-color:var(--gray);color:var(--gray)}.role-toggle.theme-blue.is-assigned{background:var(--blue-soft)}.role-toggle.theme-green.is-assigned{background:var(--green-soft)}.role-toggle.theme-purple.is-assigned{background:var(--purple-soft)}.role-toggle.theme-orange.is-assigned{background:var(--orange-soft)}.role-toggle.theme-red.is-assigned{background:var(--red-soft)}.role-toggle.theme-admin.is-assigned{background:var(--gold-soft)}.role-toggle.theme-teal.is-assigned{background:var(--teal-soft)}.role-toggle.theme-gray.is-assigned{background:var(--gray-soft)}.app-card-vm{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:var(--surface-alt);border:1px solid var(--line)}.vm-toggle-caption{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);flex:1}.vm-switch{position:relative;width:36px;height:20px;flex-shrink:0;border-radius:999px;border:1px solid var(--line);background:var(--gray-soft);padding:0;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.vm-switch-knob{position:absolute;top:1px;left:1px;width:16px;height:16px;border-radius:50%;background:var(--ink-faint);transition:transform .15s ease,background-color .15s ease}.vm-switch.is-on{background:var(--teal-soft);border-color:var(--teal)}.vm-switch.is-on .vm-switch-knob{transform:translate(16px);background:var(--teal)}.vm-switch.is-busy{opacity:.6;cursor:wait}.vm-switch:disabled{cursor:not-allowed}.vm-switch-label{min-width:58px;font-size:.78rem;font-weight:600;color:var(--ink-muted)}.embedded-view{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.content-full .embedded-view{border:none;border-radius:0}.embedded-view-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface-alt)}.embedded-view-left{display:flex;align-items:center;gap:10px}.embed-icon{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center}.embed-icon svg{width:17px;height:17px}.theme-blue .embed-icon{background:var(--blue-soft);color:var(--blue)}.theme-green .embed-icon{background:var(--green-soft);color:var(--green)}.theme-purple .embed-icon{background:var(--purple-soft);color:var(--purple)}.theme-orange .embed-icon{background:var(--orange-soft);color:var(--orange)}.theme-red .embed-icon{background:var(--red-soft);color:var(--red)}.theme-teal .embed-icon{background:var(--teal-soft);color:var(--teal)}.embed-title{font-weight:700;font-size:.95rem}.embedded-view-right{display:flex;align-items:center;gap:8px}.embed-newtab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--line);color:var(--ink-muted);text-decoration:none;font-size:.82rem;font-weight:600}.embed-newtab:hover{background:var(--surface-hover);color:var(--ink)}.embed-newtab-icon{width:14px;height:14px}.embed-close{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink-muted);font-size:.82rem;font-weight:600;cursor:pointer}.embed-close svg{width:14px;height:14px}.embed-close:hover{background:var(--surface-hover);color:var(--ink)}.embedded-view-body{flex:1 1 auto;min-height:0;background:#fff}.embed-iframe{width:100%;height:100%;border:none;display:block}.embed-fallback-hint{flex:0 0 auto;margin:0;padding:8px 16px;font-size:.76rem;color:var(--ink-faint);border-top:1px solid var(--line);background:var(--surface-alt)}@media(max-width:900px){.sidebar{display:none}.topbar-search{max-width:none}}@media(max-width:600px){.search-kbd{display:none}.content{padding:20px 16px 32px}.app-card.view-list{flex-direction:column;align-items:stretch}.app-card.view-list .app-card-body{flex-direction:column}.app-card.view-list .app-desc{border-left:none;padding-left:0}}