:root{--bg-top: #fff6e8;--bg-bottom: #f6fbff;--surface: rgba(255, 255, 255, .86);--text-main: #122026;--text-muted: #3a515d;--line: #d7e5ec;--shadow: 0 14px 36px rgba(18, 40, 52, .12);--radius: 20px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Segoe UI,Trebuchet MS,Verdana,sans-serif;color:var(--text-main);background:radial-gradient(circle at 12% 18%,#ffd9aa 0%,transparent 30%),radial-gradient(circle at 88% 12%,#cbe9ff 0%,transparent 32%),linear-gradient(170deg,var(--bg-top),var(--bg-bottom))}.page-shell{width:min(1120px,92vw);margin:0 auto;padding:4.5rem 0 5rem}.startup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-content:center;justify-items:center;gap:.8rem;background:radial-gradient(circle at 20% 20%,rgba(255,198,134,.38),transparent 36%),radial-gradient(circle at 80% 12%,rgba(138,211,255,.34),transparent 34%),linear-gradient(170deg,#fff7e9,#f5fbff);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.startup-loader{width:4rem;height:4rem;border-radius:50%;border:.36rem solid rgba(19,64,84,.2);border-top-color:#0f4f69;animation:spin .9s linear infinite}.startup-overlay p{margin:0;font-size:.95rem;color:#1d4f63;font-weight:600;letter-spacing:.02em}.hero{text-align:center;margin-bottom:2.5rem;animation:rise-in .55s ease-out both}.top-menu{display:flex;justify-content:flex-end;margin-bottom:1.1rem}.menu-action{border:1px solid #8ab1c2;background:#fff;color:#0f4f69;border-radius:999px;padding:.5rem 1rem;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.menu-action:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0f4f6929}.menu-action.secondary{border-color:#c1d7e2;color:#345765}.eyebrow{margin:0;letter-spacing:.12em;text-transform:uppercase;font-weight:700;font-size:.75rem;color:#2e677d}.hero h1{margin:.7rem auto .9rem;max-width:18ch;font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.1}.hero-copy{margin:0 auto;max-width:62ch;color:var(--text-muted);line-height:1.6;font-size:1rem}.hero-stats{margin-top:1.15rem;display:inline-flex;gap:1rem;flex-wrap:wrap}.hero-stats p{margin:0;padding:.45rem .7rem;border-radius:999px;border:1px solid #c8dae3;background:#ffffffb8;font-size:.85rem}.hero-stats strong{color:#1b475a}.apps-grid{display:grid;gap:1.15rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.app-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:1.2rem;box-shadow:var(--shadow);animation:rise-in .55s ease-out both}.app-card:nth-child(2){animation-delay:90ms}.app-card:nth-child(3){animation-delay:.18s}.app-card:nth-child(4){animation-delay:.27s}.app-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.15}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.icon-badge{width:2rem;height:2rem;display:grid;place-items:center;border-radius:.62rem;border:1px solid #b7cdd9;background:#ffffffd9;color:#19465a;font-size:.76rem;font-weight:800}.app-card.sunrise:before{background:linear-gradient(160deg,#ffb56f,transparent 70%)}.app-card.ocean:before{background:linear-gradient(160deg,#5cbcff,transparent 70%)}.app-card.forest:before{background:linear-gradient(160deg,#67cd94,transparent 70%)}.app-card.ember:before{background:linear-gradient(160deg,#ff8c6b,transparent 70%)}.chip{margin:0;display:inline-block;padding:.28rem .62rem;border-radius:999px;border:1px solid #bfd4df;font-size:.75rem;font-weight:700;color:#2a5363;background:#ffffffbd}.app-card h2{margin:.85rem 0 .65rem;font-size:1.18rem}.app-card p{margin:0;color:#2f4954;line-height:1.55}.meta-row{margin-top:.95rem;display:flex;align-items:center;justify-content:space-between;gap:.4rem;color:#3e5a66;font-size:.84rem}.open-link{margin-top:1rem;display:inline-block;text-decoration:none;color:#08415a;font-weight:700;border-bottom:2px solid transparent;transition:border-color .18s ease}.open-link:hover{border-color:currentColor}.open-link.disabled{border:0;background:transparent;color:#6f8793;padding:0;cursor:not-allowed}.auth-shell{display:grid;place-items:center;min-height:72vh}.auth-card{width:min(520px,100%);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:1.5rem;box-shadow:var(--shadow)}.auth-card h1{margin-top:0;margin-bottom:.75rem}.auth-card p{color:#35525f}.auth-form{margin-top:1rem;display:grid;gap:.9rem}.auth-form label{display:grid;gap:.35rem;font-weight:600;color:#214250}.auth-form input{border:1px solid #c4d8e3;border-radius:10px;padding:.6rem .7rem;font:inherit}.auth-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.4rem}.dashboard-card{width:min(980px,100%)}.dashboard-grid{margin-top:.8rem;display:grid;gap:1rem;grid-template-columns:1fr minmax(240px,320px);align-items:start}.dashboard-actions-col .auth-actions{margin-top:0}.ports-panel{border:1px solid #d7e5ec;background:#ffffffd1;border-radius:14px;padding:.85rem}.ports-panel h2{margin:0 0 .55rem;font-size:1rem}.ports-panel p{margin:.4rem 0}.ports-error{color:#a6342a;font-weight:600}.ports-list{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.45rem}.ports-list li{border:1px solid #d9e8ef;border-radius:10px;padding:.5rem .55rem;background:#f8fcff;display:grid;gap:.15rem}.port-value{font-weight:800;color:#134459}.port-meta{color:#35515d;font-size:.86rem}.global-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#08192273;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:start center;padding:1.2rem}.global-modal{width:min(620px,100%);border-radius:16px;border:1px solid #c7dbe5;background:#fff;box-shadow:0 22px 44px #0e283533;animation:modal-slide-top .3s ease-out both}.global-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem .85rem;border-bottom:1px solid #dce9ef}.global-modal-header h2{margin:0;font-size:1.1rem}.global-modal-close{border:1px solid #b9d2df;border-radius:10px;background:#f8fcff;color:#19485d;font-weight:700;width:2rem;height:2rem;cursor:pointer}.global-modal-content{padding:1rem 1.1rem 1.2rem}.modal-form{display:grid;gap:.82rem}.modal-form label{display:grid;gap:.3rem;color:#214250;font-weight:600}.modal-form input{border:1px solid #c4d8e3;border-radius:10px;padding:.6rem .7rem;font:inherit}.check-row{display:inline-flex;align-items:center;gap:.5rem}.check-row input{width:1rem;height:1rem;margin:0}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:.4rem}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modal-slide-top{0%{opacity:0;transform:translateY(-36px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 700px){.page-shell{padding-top:3.1rem}.hero{text-align:left}.hero-copy{margin-left:0}.hero-stats{justify-content:flex-start}.dashboard-grid{grid-template-columns:1fr}}html,body,#root{min-height:100%}