:root{--tep-gold: #ffc300;--tep-orange: #ff5733;--tep-twilight: #c70039;--tep-silhouette: #1e1e1e;--tep-blue: #3498db;--tep-green: #2ecc71;--tep-purple: #7b2fbe;--tep-bg-primary: #0d0d0d;--tep-bg-secondary: #141414;--tep-bg-elevated: #1a1a1a;--tep-bg-surface: #222222;--tep-text-primary: #f0ebe3;--tep-text-secondary: #a09888;--tep-text-muted: #6b6358;--font-display: "Josefin Sans", sans-serif;--font-body: "Karla", sans-serif;--tep-h1: 48px;--tep-h2: 36px;--tep-h3: 24px;--tep-body: 16px;--tep-caption: 14px;--tep-line-height: 1.6;--tep-letter-spacing: .02em;--tep-radius: 10px;--tep-anim-duration: .3s;--glass-bg: rgba(13, 13, 13, .55);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 20px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--tep-bg-primary);color:var(--tep-text-primary);font-family:var(--font-body);font-size:var(--tep-body);line-height:var(--tep-line-height);letter-spacing:var(--tep-letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}::-webkit-scrollbar{display:none}html,body,#root{scrollbar-width:none;-ms-overflow-style:none}#root{min-height:100%;display:flex;flex-direction:column}.hub-shell{min-height:100vh;position:relative;overflow:hidden}.hub-shell__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.hub-shell__bg .sunset-scene{width:100%;height:100%;display:block;object-fit:cover}.hub-shell__foreground{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.carousel-viewport{flex:1;overflow:hidden;position:relative;touch-action:pan-y}.carousel-track{display:flex;height:100%;transition:transform .35s cubic-bezier(.25,1,.5,1);will-change:transform}.carousel-page{min-width:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:32px 24px}.carousel-dots{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 0}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:background .25s ease,transform .25s ease}.carousel-dot--active{background:var(--tep-gold);transform:scale(1.3)}@media(max-width:600px){.carousel-page{padding:16px 12px;align-items:flex-start}.glass-panel{padding:20px 16px;max-width:100%;border-radius:12px}}.hub-shell__footer{padding:24px;text-align:center;font-size:var(--tep-caption);color:var(--tep-text-muted)}.site-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.04)}@media(max-width:600px){.site-header{padding:16px;flex-wrap:wrap;gap:8px}.site-header__brand{font-size:24px}}.site-header__brand{font-family:var(--font-display);font-size:36px;font-weight:600;letter-spacing:-.01em;color:var(--tep-text-primary)}.site-header__controls{display:flex;align-items:center;gap:12px}.site-header__user{font-size:var(--tep-body);color:var(--tep-text-secondary)}.pill-nav{display:flex;justify-content:center;padding:16px 24px 0}.pill-nav__track{display:inline-flex;gap:4px;padding:4px;border-radius:9999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;flex-wrap:nowrap}.pill-nav__track::-webkit-scrollbar{display:none}.pill-nav__tab{padding:8px 20px;border-radius:9999px;border:none;font-size:var(--tep-caption);font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all var(--tep-anim-duration) ease;background:transparent;color:var(--tep-text-secondary);white-space:nowrap;flex-shrink:0}.pill-nav__tab:hover{color:var(--tep-text-primary)}.pill-nav__tab--active{background:var(--tep-purple);color:#fff}.pill-nav__tab--active:hover{color:#fff}@media(max-width:600px){.pill-nav{padding:12px 12px 0}.pill-nav__tab{padding:6px 14px;font-size:12px}}.glass-panel{width:100%;max-width:520px;padding:32px;overflow:hidden;border-radius:16px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:0 0 0 1px #ffffff08,0 8px 32px #0006,inset 0 1px #ffffff0a}.app-grid__container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:20px;justify-items:center;align-items:start;min-height:360px}@media(max-width:600px){.app-grid__container{grid-template-columns:repeat(3,1fr);gap:16px;min-height:auto}.app-grid__icon{width:52px;height:52px;border-radius:12px}.app-grid__item{width:68px}.app-grid__label{font-size:10px}.app-grid__slot-empty{width:52px;height:52px;border-radius:12px}}.app-grid__item{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;transition:transform var(--tep-anim-duration) ease;width:80px}.app-grid__item:hover{transform:translateY(-2px)}.app-grid__item:active{transform:translateY(0)}.app-grid__icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center}.app-grid__label{font-size:11px;font-family:var(--font-body);color:var(--tep-text-secondary);text-align:center;line-height:1.2}.app-grid__slot-empty{width:60px;height:60px;border-radius:14px;border:1px dashed rgba(255,255,255,.06);opacity:.3}.dashboard-placeholder{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.dashboard-placeholder__title{font-family:var(--font-display);font-size:var(--tep-h2);font-weight:600;line-height:1.2;color:var(--tep-text-primary)}.dashboard-placeholder__description{font-size:var(--tep-body);color:var(--tep-text-secondary);max-width:340px}.sunset-scene{width:100%;height:100%;display:block}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--tep-orange);color:#fff;font-family:var(--font-body);font-size:var(--tep-body);font-weight:500;border:none;border-radius:var(--tep-radius);cursor:pointer;transition:transform var(--tep-anim-duration) ease}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#ffffff0a;color:var(--tep-text-secondary);font-family:var(--font-body);font-size:var(--tep-body);font-weight:500;border:1px solid rgba(255,255,255,.06);border-radius:var(--tep-radius);cursor:pointer;transition:transform var(--tep-anim-duration) ease,color var(--tep-anim-duration) ease}.btn-ghost:hover{transform:translateY(-1px);color:var(--tep-text-primary)}.btn-ghost:active{transform:translateY(1px)}.btn-ghost--sm{font-size:var(--tep-caption);padding:6px 12px}.btn-ghost:disabled{opacity:.3;cursor:not-allowed;transform:none}.badge-preproduction{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:11px;font-weight:500;font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;background:#ffc3001a;color:var(--tep-gold);border:1px solid rgba(255,195,0,.2)}.badge-preproduction:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tep-gold);animation:pulse-dot 2s ease-in-out infinite}.text-gold{color:var(--tep-gold)}.text-orange{color:var(--tep-orange)}.text-secondary{color:var(--tep-text-secondary)}.text-muted{color:var(--tep-text-muted)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.devkeys{margin-top:2rem;padding:2rem}.devkeys__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.devkeys__title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--tep-text-primary);margin:0 0 .5rem}.devkeys__subtitle{font-size:.85rem;color:var(--tep-text-secondary);max-width:480px;line-height:1.5}.devkeys__form{margin-bottom:1.5rem;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#0003}.devkeys__label{display:block;font-size:.8rem;color:var(--tep-text-secondary);margin-bottom:.5rem}.devkeys__input{width:100%;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#0000004d;color:var(--tep-text-primary);font-size:.9rem;margin-top:.25rem}.devkeys__input:focus{outline:none;border-color:var(--tep-orange)}.devkeys__form-actions{display:flex;gap:.5rem;margin-top:.75rem}.devkeys__result{margin-bottom:1.5rem}.devkeys__result-banner{padding:.75rem 1rem;border-radius:6px;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#6ee7b7;font-size:.85rem;margin-bottom:.75rem}.devkeys__token-display{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#0006;border-radius:6px;margin-bottom:.5rem}.devkeys__token-display code{flex:1;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--tep-text-primary);word-break:break-all}.devkeys__error{padding:.75rem 1rem;border-radius:6px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:.85rem;margin-bottom:1rem}.devkeys__table{width:100%;border-collapse:collapse;font-size:.85rem}.devkeys__th{text-align:left;padding:.5rem .75rem;color:var(--tep-text-secondary);font-weight:500;border-bottom:1px solid rgba(255,255,255,.1)}.devkeys__row{border-bottom:1px solid rgba(255,255,255,.05)}.devkeys__cell{padding:.6rem .75rem;color:var(--tep-text-primary)}.devkeys__cell--mono{font-family:JetBrains Mono,monospace;font-size:.8rem}.devkeys__empty{padding:1.5rem;text-align:center;color:var(--tep-text-muted)}.btn-ghost--danger{color:#f87171;border-color:#f8717133}.btn-ghost--danger:hover{color:#fca5a5;border-color:#f8717166}.btn-primary--sm{font-size:var(--tep-caption);padding:6px 12px}.devkeys-page{min-height:100vh;padding:2rem;max-width:900px;margin:0 auto}.devkeys-page__header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.devkeys-page__back{display:flex;align-items:center;gap:.25rem;color:var(--tep-text-secondary);text-decoration:none;font-size:.85rem;transition:color .2s}.devkeys-page__back:hover{color:var(--tep-text-primary)}.devkeys-page__title{flex:1;font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--tep-text-primary);margin:0}.devkeys-page__signout{padding:.4rem .8rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:transparent;color:var(--tep-text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.devkeys-page__signout:hover{border-color:#ffffff4d;color:var(--tep-text-primary)}