@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*{box-sizing:border-box}:root{--accent-green:#96ff58;--accent-green-soft:#96ff5833;--accent-green-border:#96ff58a6;--bg-black:#000;--bg-charcoal:#1a1a1a;--panel-border:#ffffff1a;--text-primary:#f5f7fb;--text-secondary:#adb6c6;--data-ok:#96ff58;--data-warn:#ffc14d;--data-info:#84b9ff}body{background:var(--bg-black);color:var(--text-primary);margin:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{min-height:100vh}.portal-home{background:radial-gradient(circle at 20% 30%,#ffc08517,#0000 40%),radial-gradient(circle at 80% 0,#7da0eb14,#0000 38%),#0b0d10;min-height:100vh;position:relative;overflow:hidden}.room-scene{transform-origin:50%;pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0}.room-wall{background:linear-gradient(160deg,#cfd2d7 0%,#b9bdc3 38%,#9da3ab 100%);border-radius:28px;width:min(1160px,92vw);height:min(700px,88vh);position:relative;overflow:hidden;box-shadow:0 30px 80px #0006}.room-wall:after{content:"";opacity:.25;pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.window-light{filter:blur(2px);background:linear-gradient(#ffffffc2,#ffffff1a);width:340px;height:220px;position:absolute;top:-20px;right:6%;transform:skew(-18deg)}.desk{background:linear-gradient(#262a31,#1a1f26);border:1px solid #ffffff14;border-radius:22px;place-items:center;width:min(760px,80vw);height:360px;display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)perspective(1050px)rotateX(27deg);box-shadow:0 24px 46px #00000073}.monitor{justify-items:center;width:min(460px,65vw);display:grid;position:absolute;top:24%;left:50%;transform:translate(-50%)}.monitor-screen{color:#dde5f2;letter-spacing:.02em;cursor:pointer;background:#040506;border:6px solid #1c212a;border-radius:18px;width:100%;height:248px;font-size:clamp(1rem,2.3vw,1.35rem);font-weight:500;transition:border-color .28s,box-shadow .28s,transform .25s}.monitor-screen:hover{border-color:var(--accent-green);transform:translateY(-2px);box-shadow:0 0 0 6px #96ff582b,0 0 36px #96ff58b3,0 0 84px #96ff5847}.monitor-screen:disabled{cursor:default}.monitor-stand{background:linear-gradient(#13171e,#0f1217);border-radius:0 0 26px 26px;width:168px;height:96px;margin-top:12px}.keyboard{background:linear-gradient(#232932,#181e28);border:1px solid #ffffff14;border-radius:14px;width:min(440px,55vw);height:80px;position:absolute;bottom:32px;left:50%;transform:translate(-50%)perspective(980px)rotateX(55deg)}.mouse-pad{background:linear-gradient(145deg,#1f242c,#151920);border:1px solid #ffffff0f;border-radius:14px;width:130px;height:78px;position:absolute;bottom:48px;right:14%}.orange-couch{background:linear-gradient(170deg,#f39e3d,#c86f17);border-radius:28px 28px 0 0;width:320px;height:180px;position:absolute;bottom:0;right:5%;box-shadow:inset 0 8px 16px #fff3}.dashboard{z-index:2;opacity:0;pointer-events:none;width:min(1400px,100%);min-height:100vh;margin:0 auto;padding:20px;position:relative}.dashboard.active{pointer-events:auto}.interactive-glow{border-color:#ffffff1f;transition:border-color .24s,box-shadow .24s,transform .2s}.interactive-glow:hover{box-shadow:0 0 0 1px #96ff5873,0 0 10px #96ff586b;border-color:var(--accent-green-border)!important}.topbar{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1a1a1aa6;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.topbar-tabs{flex-wrap:wrap;gap:10px;display:flex}.top-pill{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:9px 14px;font-size:.82rem;font-weight:500;display:inline-flex}.top-pill-active{color:var(--data-ok);background:#96ff5814}.profile{text-align:right}.profile-name{margin:0;font-size:.9rem;font-weight:600}.profile-role{color:#8490a3;margin:2px 0 0;font-size:.76rem}.hero-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 14px;display:flex}.hero-row h1{letter-spacing:.05em;margin:0;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:600}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.data-card{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a1ab3;border-radius:16px;padding:18px}.data-title{color:#d3d9e6;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:500}.stat-pair{gap:24px;margin-top:10px;display:flex}.stat-big{margin:0;font-size:clamp(1.45rem,3vw,2.2rem);font-weight:600;line-height:1}.accent-ok{color:var(--data-ok)}.accent-warn{color:var(--data-warn)}.accent-info{color:var(--data-info)}.stat-label{color:#8691a3;margin:6px 0 0;font-size:.8rem;font-weight:400}.tools-grid{grid-template-columns:1.5fr minmax(240px,1fr);gap:12px;margin-top:12px;display:grid}.main-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:12px;margin-top:12px;display:grid}.panel{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a1ab3;border-radius:16px;padding:16px;transition:border-color .24s,box-shadow .24s}.panel:hover{border-color:var(--accent-green-border);box-shadow:0 0 0 1px #96ff5866,0 0 10px #96ff5857}.form-card{align-content:start;gap:12px;display:grid}label{color:#8f9caf;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:500}input,select{width:100%;font:inherit;color:var(--text-primary);background:#0c0c0ccc;border:1px solid #ffffff24;border-radius:12px;padding:11px 12px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--accent-green-border);box-shadow:0 0 0 3px var(--accent-green-soft);outline:none}.section-head h2{letter-spacing:-.02em;margin:0 0 4px;font-size:1.04rem}.section-head p{color:#8c98ab;margin:0;font-size:.84rem}.field-group{gap:8px;display:grid}.controls-card{gap:14px;display:grid}.control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.filtered-indicator{color:#97a3b8;margin:0;font-size:.84rem}.bulk-actions{flex-wrap:wrap;gap:8px;display:flex}.activity-card{align-content:start;gap:12px;display:grid}.activity-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.activity-list li{color:#c7d0de;background:#0c0c0cbf;border:1px solid #ffffff1f;border-left:3px solid #96ff5899;border-radius:10px;padding:8px 10px;font-size:.8rem}.list-card{min-height:430px}.guest-list{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.guest-item{background:#0c0c0cbd;border:1px solid #ffffff1f;border-radius:12px;gap:10px;padding:13px;display:grid}.guest-item:hover{border-color:var(--accent-green-border);box-shadow:0 0 0 1px #96ff5866,0 0 10px #96ff585c}.guest-item.confirmed{border-color:#96ff5859}.guest-item.unconfirmed{border-color:#ffc14d6b}.guest-main{gap:8px;display:grid}.guest-name{margin:0;font-size:.98rem;font-weight:600}.guest-email{color:#aab5c9;margin:2px 0 0;font-size:.88rem}.status-row{flex-wrap:wrap;gap:8px;display:flex}.status-pill{letter-spacing:.02em;border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:500}.is-positive{color:#d6ffc0;background:#96ff5829}.is-warning{color:#ffdca7;background:#ffc14d29}.is-primary{color:#d0e4ff;background:#84b9ff29}.is-neutral{color:#d2d8e4;background:#94a3b82b}.edit-grid{gap:8px;display:grid}.actions{flex-wrap:wrap;gap:8px;display:flex}.btn{font:inherit;letter-spacing:.01em;cursor:pointer;border:1px solid #0000;border-radius:12px;padding:8px 11px;font-size:.82rem;font-weight:500;transition:transform .16s,box-shadow .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#0b0f07;background:linear-gradient(135deg,#96ff58,#78d447);box-shadow:0 8px 16px #96ff5847}.btn-primary:hover{box-shadow:0 10px 18px #96ff5859}.btn-secondary{color:#e2eaf8;background:#232a37d9;border-color:#ffffff21}.btn-secondary:hover{border-color:var(--accent-green-border);color:var(--data-ok);box-shadow:0 0 0 1px #96ff5861,0 0 10px #96ff5859}.btn-danger{color:#ffc9c9;background:#7c1f1f78;border-color:#d64e4e80}.btn-danger:hover{background:#91222294}.empty-message{color:#a8b3c6;background:#0c0c0cb8;border:1px dashed #ffffff38;border-radius:12px;margin-top:12px;padding:13px}@media (width<=1080px){.summary-grid,.tools-grid,.main-grid,.control-grid{grid-template-columns:1fr}}@media (width<=820px){.room-wall{width:95vw;height:80vh}.orange-couch{width:210px;height:130px}.dashboard{padding:12px}}