*{box-sizing:border-box}body{margin:0;background:#090b10;color:#ecf0f5;font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit}header{height:66px;background:#10141c;border-bottom:1px solid #252b36;display:flex;align-items:center;padding:0 24px;gap:24px;position:sticky;top:0;z-index:5}.logo{font-weight:900;letter-spacing:2px;font-size:20px}.logo span{color:#50f0c1}.onair{font-size:12px;color:#50f0c1;background:#0a1b18;border:1px solid #174d40;padding:8px 12px;border-radius:999px}.user{margin-left:auto;color:#9da8b7}.shell{display:grid;grid-template-columns:190px 1fr;min-height:calc(100vh - 66px)}nav{background:#0c0f15;border-right:1px solid #202631;padding:24px 14px;position:sticky;top:66px;height:calc(100vh - 66px)}nav a{display:block;text-decoration:none;font-size:12px;letter-spacing:1px;padding:12px;border-radius:8px;color:#8e9aaa;margin-bottom:6px}nav a:hover{background:#151a23;color:#fff}main{padding:28px;max-width:1500px}section{margin-bottom:55px}h1{font-size:32px;margin-bottom:4px}h2{font-size:22px;border-left:3px solid #50f0c1;padding-left:10px}.muted,.empty{color:#7f8b99}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.stats>div,.tiercard,.rackunit,details,.token{background:#11161e;border:1px solid #252d39;border-radius:12px;padding:18px}.stats b{display:block;font-size:28px}.stats span{font-size:11px;color:#8591a0;letter-spacing:1px}.rack{display:grid;gap:10px}.rackunit{position:relative}.rackunit em{float:right;font-style:normal;font-size:11px;color:#50f0c1}.meter{height:8px;background:#262d37;border-radius:99px;margin:12px 0;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#50f0c1,#f7d154)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.tiercard .badge{font-size:10px;background:#1d332d;color:#50f0c1;padding:4px 7px;border-radius:99px}.tiercard h3{margin-bottom:6px}.price{font-size:28px;font-weight:800}.tiercard ul{padding-left:18px;color:#9ba7b5}table{width:100%;border-collapse:collapse;background:#0f131a;border:1px solid #232a35;border-radius:10px;overflow:hidden}th,td{text-align:left;padding:11px;border-bottom:1px solid #202630;font-size:13px}th{color:#7f8b99;font-size:11px;letter-spacing:.5px}td small{display:block;color:#6f7a88;margin-top:3px}.status{padding:4px 7px;border-radius:99px;font-size:10px}.status.active{background:#17372e;color:#50f0c1}.status.suspended,.status.expired{background:#3a2a18;color:#f6c66a}.status.cancelled{background:#3a1a1d;color:#ff7a83}details{margin-top:15px}summary{cursor:pointer;font-weight:700}.gridform{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:15px}input,select,button{background:#0b0e13;color:#fff;border:1px solid #313946;border-radius:8px;padding:10px}button{background:#1b735c;border-color:#2a9b7b;font-weight:700;cursor:pointer}.inline{display:inline-flex;gap:5px;margin:2px}.inline input{width:70px}.alert,.success{padding:12px;border-radius:8px;margin-bottom:15px}.alert{background:#401b20;color:#ffb4bc}.success{background:#17372e;color:#83f2cf}.token code{display:block;background:#090b10;padding:10px;margin:8px 0;color:#f6d46c;word-break:break-all}.login-body{display:grid;place-items:center;min-height:100vh}.login-card{width:min(420px,92vw);background:#11161e;border:1px solid #27303c;border-radius:16px;padding:30px}.login-card form{display:grid;gap:12px}.login-card p{color:#8190a0}@media(max-width:900px){.shell{grid-template-columns:1fr}nav{display:none}.stats{grid-template-columns:1fr 1fr}main{padding:18px}}
/* Multi-company additions */
.wide-login{max-width:560px}.standalone-main{max-width:1180px;margin:40px auto;padding:0 24px}.button-link{display:inline-block;padding:8px 12px;border:1px solid #29d3a2;border-radius:6px;text-decoration:none;color:#9fffe1;white-space:nowrap}.button-link:hover{background:#103c34}.box-config-form textarea{min-height:110px;resize:vertical}.box-config-form label{display:flex;flex-direction:column;gap:8px}.box-config-form .full{grid-column:1/-1}.gridform select{min-height:42px}

/* Tier Box Configuration v2 */
.box-config-page{max-width:1160px;margin:34px auto 90px;padding:0 24px}.box-config-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.box-config-hero h1{margin:4px 0 10px;font-size:34px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#50f0c1;font-weight:800}.box-meta{display:flex;gap:18px;flex-wrap:wrap;margin:0}.box-meta b{color:#b8c2cf}.box-state-badge{border:1px solid #245f50;background:#0d211d;color:#70f0ca;padding:9px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.8px}.box-editor{display:grid;gap:18px}.config-card{margin:0;background:#10151d;border:1px solid #242d38;border-radius:14px;padding:22px}.config-card h2{border:0;padding:0;margin:0 0 5px;font-size:20px}.config-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #212a35}.config-card-head p{margin:0;color:#7f8b99;font-size:13px;line-height:1.5}.field-grid{display:grid;gap:15px}.field-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row{display:grid;grid-template-columns:165px minmax(0,1fr);align-items:center;gap:14px}.field-row label{font-size:12px;font-weight:800;color:#bdc7d3;letter-spacing:.2px}.field-row input,.field-row select,.field-row textarea{width:100%;min-width:0;background:#0a0e14;border:1px solid #303a48;border-radius:8px;padding:11px 12px;color:#fff}.field-row input:focus,.field-row select:focus,.field-row textarea:focus{outline:0;border-color:#2c9d7e;box-shadow:0 0 0 2px rgba(80,240,193,.08)}.field-row textarea{resize:vertical;min-height:112px}.field-span-2{grid-column:1/-1}.field-span-2{grid-template-columns:165px minmax(0,1fr)}.switch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.switch-line{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#0b1016;border:1px solid #242e3a;border-radius:10px;padding:14px 15px;margin-top:15px}.switch-grid .switch-line{margin-top:0}.switch-line span{display:grid;gap:4px}.switch-line strong{font-size:13px;color:#edf3f8}.switch-line small{font-size:11px;line-height:1.4;color:#788696}.switch-line input[type=checkbox]{width:18px;height:18px;accent-color:#24a37f;flex:0 0 auto}.save-bar{position:sticky;bottom:18px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(15,20,28,.96);border:1px solid #2a3441;box-shadow:0 12px 35px rgba(0,0,0,.35);border-radius:12px;padding:14px 16px;backdrop-filter:blur(8px)}.save-bar>div{display:grid;gap:3px}.save-bar strong{font-size:13px}.save-bar span{font-size:11px;color:#7e8b9a}.save-bar button{min-width:210px;padding:12px 18px}.box-config-page .success{margin-bottom:18px}
@media(max-width:900px){.box-config-page{padding:0 16px;margin-top:22px}.box-config-hero{align-items:flex-start;flex-direction:column}.field-grid-2{grid-template-columns:1fr}.field-span-2{grid-column:auto}.field-row,.field-span-2{grid-template-columns:1fr;gap:7px}.switch-grid{grid-template-columns:1fr}.save-bar{position:static;align-items:stretch;flex-direction:column}.save-bar button{width:100%;min-width:0}}


/* v4.3 rental time management */
.rental-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 18px}.rental-summary-grid>div{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025)}.rental-summary-grid small{display:block;opacity:.65;margin-bottom:5px}.rental-summary-grid strong{display:block;word-break:break-word}.field-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.field-action-row{justify-content:flex-end}.field-action-row button{width:100%;min-height:43px}.rental-time-form{margin-bottom:12px}.danger-button{background:#7d2525!important;border-color:#a13a3a!important}.empty-rental-state{padding:18px;border:1px dashed rgba(255,255,255,.15);border-radius:10px;opacity:.72}@media(max-width:900px){.rental-summary-grid,.field-grid-4{grid-template-columns:1fr 1fr}}@media(max-width:600px){.rental-summary-grid,.field-grid-4{grid-template-columns:1fr}}


/* v4.6 merged Tier Boxes + Rentals */
.box-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 12px;flex-wrap:wrap}.box-filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.box-filter{background:#0d1219;border:1px solid #2b3440;color:#9aa7b6;padding:9px 12px;border-radius:8px}.box-filter:hover,.box-filter.active{background:#12382f;border-color:#29d3a2;color:#b9ffeb}.box-filter span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;padding:0 6px;border-radius:999px;background:#1a212b;font-size:10px;color:#d7e0e9}.box-filter.active span{background:#1d5a49;color:#d9fff4}.box-search{min-width:330px;max-width:470px;flex:1}.table-scroll{overflow-x:auto;border-radius:10px}.box-rental-row td{vertical-align:middle}.box-rental-row strong{font-weight:700}.rental-state{display:inline-block;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.6px;white-space:nowrap}.rental-state.rented{background:#17372e;color:#50f0c1;border:1px solid #245a4b}.rental-state.available{background:#162538;color:#79b8ff;border:1px solid #244466}.rental-state.expiring{background:#3a2a18;color:#f6c66a;border:1px solid #644821;margin-left:5px}.inworld-status{display:inline-block;padding:4px 7px;border-radius:999px;font-size:10px;text-transform:uppercase}.inworld-status.online{background:#17372e;color:#50f0c1}.inworld-status.offline,.inworld-status.disabled{background:#3a1a1d;color:#ff7a83}.inworld-status.maintenance{background:#3a2a18;color:#f6c66a}.box-no-results{padding:18px;margin-top:10px;border:1px dashed #303946;border-radius:10px;color:#7f8b99;text-align:center}@media(max-width:900px){.box-search{min-width:100%;max-width:none}.box-filter-bar{align-items:stretch}}


/* v4.7 Professional Tier Boxes & Rentals */
.tier-rentals-pro{padding-top:8px}.pro-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.pro-section-head h2{margin-bottom:6px}.pro-refresh{background:#10231f;border:1px solid #1e7a63;color:#c8fff1;border-radius:10px;padding:10px 16px;font-weight:800;cursor:pointer}.pro-refresh:hover{background:#153229}.pro-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 18px}.pro-stat-card{display:flex;align-items:center;gap:14px;text-align:left;background:linear-gradient(180deg,#111821,#0c1219);border:1px solid #26313c;border-radius:14px;padding:16px 18px;min-height:92px;color:#eaf1f7;cursor:pointer;transition:.18s transform,.18s border-color,.18s box-shadow}.pro-stat-card:hover,.pro-stat-card.selected{transform:translateY(-1px);border-color:#2ea98b;box-shadow:0 0 0 1px rgba(46,169,139,.18),0 8px 26px rgba(0,0,0,.18)}.pro-stat-card .stat-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#16212c;font-size:22px;font-weight:900}.pro-stat-card strong{display:block;font-size:25px;line-height:1;margin-bottom:6px}.pro-stat-card span{color:#9fb0bf;font-size:13px}.stat-rented{border-color:#17563f}.stat-rented .stat-icon{background:#123d31;color:#3ce1ae}.stat-available .stat-icon{background:#172638;color:#69afff}.stat-expiring{border-color:#54401d}.stat-expiring .stat-icon{background:#3b2c14;color:#ffc552}.pro-filter-panel{display:grid;grid-template-columns:minmax(260px,1.7fr) repeat(4,minmax(130px,.7fr)) auto;gap:12px;align-items:end;background:linear-gradient(180deg,#101720,#0b1118);border:1px solid #263848;border-radius:14px;padding:18px;margin-bottom:18px}.filter-field{display:flex;flex-direction:column;gap:7px}.filter-field label{font-size:12px;color:#aab9c7;font-weight:800}.filter-field input,.filter-field select{height:42px;border-radius:9px;border:1px solid #2a3744;background:#0b1118;color:#e8eef5;padding:0 12px;outline:none}.filter-field input:focus,.filter-field select:focus{border-color:#25b38d;box-shadow:0 0 0 2px rgba(37,179,141,.08)}.filter-actions{display:flex;gap:9px}.pro-apply,.pro-clear{height:42px;border-radius:9px;padding:0 16px;font-weight:900;cursor:pointer}.pro-apply{background:linear-gradient(180deg,#17a97f,#0f8564);border:1px solid #27c99b;color:white}.pro-clear{background:#111820;border:1px solid #344351;color:#d6dee6}.pro-table-wrap{border:1px solid #263440;border-radius:14px;overflow:auto;background:#0b1016}.pro-rental-table{margin:0;min-width:1180px}.pro-rental-table th{background:#121a23;color:#9fb0bf;font-size:11px;text-transform:none;letter-spacing:.1px;padding:13px 14px}.pro-rental-table td{padding:14px}.pro-rental-table tr:not(:first-child){transition:background .15s}.pro-rental-table tr:not(:first-child):hover{background:#0f171f}.box-name-cell{display:flex;align-items:center;gap:12px}.box-mini-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#382818;border:1px solid #694a25;color:#e3b878;font-size:16px}.pro-rental-table small{display:block;margin-top:4px;color:#718195}.pro-manage{white-space:nowrap;padding:9px 14px;border-radius:8px;background:linear-gradient(180deg,#177ec9,#1261a8);border-color:#3194e5!important;color:#fff!important;font-weight:800}.pro-table-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;color:#8898a7;font-size:12px}.pro-page-chip{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#1469b5;color:#fff;border:1px solid #2b89d7}.rental-state{font-size:10px;padding:5px 9px}.rental-state.rented{background:rgba(138,35,52,.24);border-color:#9f3e50;color:#ff8799}.rental-state.available{background:rgba(22,111,79,.22);border-color:#22865f;color:#68e8b2}.rental-state.expiring{background:rgba(108,79,20,.28);border-color:#8e6b25;color:#ffd275}.inworld-status.online{background:transparent;color:#61e5b5;padding-left:0}.inworld-status.offline,.inworld-status.disabled{background:transparent;color:#ff7e87;padding-left:0}@media(max-width:1250px){.pro-filter-panel{grid-template-columns:1.5fr repeat(2,1fr)}.filter-actions{grid-column:span 3}.pro-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.pro-section-head{flex-direction:column}.pro-stat-grid{grid-template-columns:1fr}.pro-filter-panel{grid-template-columns:1fr}.filter-actions{grid-column:auto}.pro-apply,.pro-clear{flex:1}}


/* v4.8 Tier management popup + control-room cleanup */
.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.section-title-row h2{margin-bottom:5px}.tier-create-btn{background:linear-gradient(180deg,#1eb98c,#128565);border:1px solid #36d2a4;color:#fff;border-radius:10px;padding:10px 17px;font-weight:900;cursor:pointer;box-shadow:0 8px 24px rgba(18,133,101,.16)}.tier-create-btn:hover{filter:brightness(1.08)}.tier-card-grid{align-items:stretch}.tier-manage-card{position:relative}.tier-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.tier-edit-btn{background:#121b24;border:1px solid #334351;color:#c9d5df;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:800;cursor:pointer}.tier-edit-btn:hover{border-color:#2dc59b;color:#69ebc3}.tier-description{color:#8192a3;font-size:12px;margin:13px 0 0;line-height:1.5}.tier-modal-backdrop{position:fixed;inset:0;background:rgba(2,7,11,.78);backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.tier-modal-backdrop[hidden]{display:none}.tier-modal{width:min(720px,100%);max-height:92vh;overflow:auto;background:linear-gradient(180deg,#121a23,#0c1219);border:1px solid #314250;border-radius:16px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.tier-modal-head{display:flex;justify-content:space-between;gap:18px;padding:22px 24px 17px;border-bottom:1px solid #28343e}.tier-modal-head h3{font-size:21px;margin:0 0 5px}.tier-modal-head p{margin:0;color:#8596a6;font-size:12px}.tier-modal-close{width:36px;height:36px;border-radius:9px;background:#111820;border:1px solid #34424e;color:#c8d1d9;font-size:23px;line-height:1;cursor:pointer}.tier-modal form{padding:22px 24px}.tier-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.modal-field{display:flex;flex-direction:column;gap:7px}.modal-field.span-2{grid-column:span 2}.modal-field label{font-size:12px;color:#b4c0cb;font-weight:800}.modal-field label span{font-weight:500;color:#71808e}.modal-field input,.modal-field textarea{background:#0a1016;border:1px solid #2d3944;color:#eff5f9;border-radius:9px;padding:11px 12px;outline:none}.modal-field input:focus,.modal-field textarea:focus{border-color:#28bd94;box-shadow:0 0 0 2px rgba(40,189,148,.08)}.checkbox-field{justify-content:flex-end}.tier-active-label{display:flex!important;align-items:center;gap:9px;min-height:42px;background:#0d151c;border:1px solid #283641;border-radius:9px;padding:0 12px;cursor:pointer}.tier-active-label input{width:auto}.tier-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid #28343e}.modal-cancel,.modal-save{border-radius:9px;padding:10px 18px;font-weight:900;cursor:pointer}.modal-cancel{background:#111820;border:1px solid #34424e;color:#c8d1d9}.modal-save{background:linear-gradient(180deg,#1eb98c,#128565);border:1px solid #36d2a4;color:#fff}.modal-open{overflow:hidden}@media(max-width:700px){.section-title-row{flex-direction:column}.tier-modal-grid{grid-template-columns:1fr}.modal-field.span-2{grid-column:auto}}


/* v4.9 popup enforcement + Analysis title */
.tier-modal-backdrop{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    z-index:99999!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(2,7,11,.82)!important;
    backdrop-filter:blur(7px);
    padding:24px!important;
}
.tier-modal{
    position:relative!important;
    margin:auto!important;
    width:min(760px,calc(100vw - 48px))!important;
    max-height:90vh!important;
    overflow:auto!important;
}
body.modal-open{overflow:hidden!important}


/* v5.0 Tier Box server-side deletion */
.box-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.delete-box-form{margin:0}
.box-delete-btn{
    height:38px;
    padding:0 13px;
    border-radius:8px;
    border:1px solid #8d3742;
    background:rgba(110,28,39,.22);
    color:#ff8795;
    font-weight:800;
    cursor:pointer;
}
.box-delete-btn:hover{
    background:#7c2633;
    border-color:#cf4e61;
    color:#fff;
}


/* v5.1 Company Settings redesign */
.company-settings-form{background:linear-gradient(180deg,#111820,#0c1218);border:1px solid #2a3642;border-radius:14px;padding:20px}
.company-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}
.company-field{display:grid;grid-template-columns:165px minmax(0,1fr);align-items:center;gap:14px}
.company-field>label{font-size:12px;font-weight:800;color:#b7c4cf}
.company-field input[name="company_name"],.company-field input[name="support_name"],.company-field input[name="support_contact"],.company-field input[name="website_url"]{width:100%;height:42px;border:1px solid #2e3b47;background:#0a1016;color:#eef4f8;border-radius:9px;padding:0 12px;outline:none}
.company-field input:focus{border-color:#2bc49a;box-shadow:0 0 0 2px rgba(43,196,154,.08)}
.company-logo-field{grid-column:span 2;align-items:start}
.logo-upload-row{display:flex;align-items:center;gap:16px;padding:14px;border:1px dashed #354552;border-radius:10px;background:#0b1117}
.company-logo-preview{width:120px;height:78px;border-radius:10px;overflow:hidden;background:#111820;border:1px solid #2c3944;display:grid;place-items:center;flex:0 0 auto}
.company-logo-preview img{width:100%;height:100%;object-fit:contain}
.company-logo-placeholder{color:#667786;font-size:11px;font-weight:800}
.logo-upload-controls{display:flex;flex-direction:column;gap:8px}
.logo-upload-controls input[type="file"]{color:#c8d3dc}
.logo-upload-controls small{color:#7f8e9b}
.remove-logo-option{display:flex;align-items:center;gap:8px;color:#c8d3dc;font-size:12px}
.readonly-company-value{min-height:42px;display:flex;align-items:center;border:1px solid #2e3b47;background:#0a1016;border-radius:9px;padding:0 12px;color:#f4f7f9}
.company-settings-actions{display:flex;justify-content:flex-end;padding-top:18px;margin-top:18px;border-top:1px solid #28343e}
@media(max-width:900px){.company-settings-grid{grid-template-columns:1fr}.company-logo-field{grid-column:auto}.company-field{grid-template-columns:1fr;gap:7px}}


/* v5.2 Animated Aurora + Network background */
:root{
    --ambient-bg-1:#071018;
    --ambient-bg-2:#0a141c;
    --ambient-bg-3:#08151b;
    --ambient-cyan:rgba(34,211,170,.17);
    --ambient-blue:rgba(66,138,255,.14);
    --ambient-teal:rgba(29,160,139,.14);
}

html,body{
    min-height:100%;
}

body{
    position:relative;
    background:
        radial-gradient(circle at 18% 8%, rgba(26,72,87,.16), transparent 32%),
        linear-gradient(135deg,var(--ambient-bg-1),var(--ambient-bg-2) 46%,var(--ambient-bg-3));
    background-attachment:fixed;
    overflow-x:hidden;
}

.streaming-ambient-bg{
    position:fixed;
    inset:0;
    pointer-events:none;
    overflow:hidden;
    z-index:0;
}

.streaming-ambient-bg::before{
    content:"";
    position:absolute;
    inset:-12%;
    background:
        radial-gradient(circle at 30% 30%, rgba(49,223,183,.08), transparent 28%),
        radial-gradient(circle at 72% 68%, rgba(57,118,255,.07), transparent 30%);
    animation:ambientDrift 26s ease-in-out infinite alternate;
}

.ambient-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(42px);
    opacity:.78;
    will-change:transform;
}

.orb-one{
    width:42vw;
    height:42vw;
    left:-10vw;
    top:-12vw;
    background:radial-gradient(circle, var(--ambient-cyan) 0%, rgba(34,211,170,.06) 40%, transparent 72%);
    animation:orbFloatOne 22s ease-in-out infinite alternate;
}

.orb-two{
    width:38vw;
    height:38vw;
    right:-12vw;
    top:20vh;
    background:radial-gradient(circle, var(--ambient-blue) 0%, rgba(66,138,255,.05) 45%, transparent 75%);
    animation:orbFloatTwo 28s ease-in-out infinite alternate;
}

.orb-three{
    width:34vw;
    height:34vw;
    left:34vw;
    bottom:-16vw;
    background:radial-gradient(circle, var(--ambient-teal) 0%, rgba(29,160,139,.05) 44%, transparent 74%);
    animation:orbFloatThree 24s ease-in-out infinite alternate;
}

.network-field{
    position:absolute;
    inset:0;
    opacity:.32;
    background-image:
        radial-gradient(circle, rgba(77,240,197,.40) 0 1px, transparent 1.5px),
        linear-gradient(rgba(81,203,179,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81,203,179,.035) 1px, transparent 1px);
    background-size:64px 64px, 64px 64px, 64px 64px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),rgba(0,0,0,.22) 70%,transparent);
    animation:networkMove 32s linear infinite;
}

.shell,
header,
main,
nav{
    position:relative;
    z-index:2;
}

section,
.cards .card,
.tiercard,
.pro-stat-card,
.pro-filter-panel,
.pro-table-wrap,
.company-settings-form{
    background-color:rgba(11,17,24,.88)!important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

section{
    border-color:rgba(64,88,103,.30);
}

.pro-table-wrap,
.company-settings-form,
.tier-modal{
    box-shadow:
        0 16px 50px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.015);
}

@keyframes ambientDrift{
    0%{transform:translate3d(-2%,-1%,0) scale(1)}
    100%{transform:translate3d(3%,2%,0) scale(1.06)}
}
@keyframes orbFloatOne{
    0%{transform:translate3d(0,0,0) scale(1)}
    100%{transform:translate3d(12vw,8vh,0) scale(1.10)}
}
@keyframes orbFloatTwo{
    0%{transform:translate3d(0,0,0) scale(1)}
    100%{transform:translate3d(-10vw,-7vh,0) scale(1.08)}
}
@keyframes orbFloatThree{
    0%{transform:translate3d(0,0,0) scale(1)}
    100%{transform:translate3d(5vw,-11vh,0) scale(1.12)}
}
@keyframes networkMove{
    0%{background-position:0 0,0 0,0 0}
    100%{background-position:64px 64px,64px 64px,64px 64px}
}

@media (prefers-reduced-motion: reduce){
    .streaming-ambient-bg::before,
    .ambient-orb,
    .network-field{
        animation:none!important;
    }
}


/* v5.3 Heartbeat Streaming Background */
body{
    background:
        radial-gradient(circle at 14% 8%, rgba(0,255,213,.055), transparent 28%),
        radial-gradient(circle at 88% 24%, rgba(0,132,255,.055), transparent 32%),
        linear-gradient(135deg,#050b11 0%,#07121a 48%,#07131d 100%) !important;
    background-attachment:fixed!important;
}

/* Hide old v5.2 ambient layers if old markup is cached anywhere */
.streaming-ambient-bg{display:none!important}

.streaming-heartbeat-bg{
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    overflow:hidden;
    background:
        linear-gradient(rgba(20,230,200,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(20,230,200,.018) 1px,transparent 1px);
    background-size:72px 72px;
}

.streaming-heartbeat-bg::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 18% 20%,rgba(0,255,211,.045),transparent 24%),
        radial-gradient(circle at 82% 65%,rgba(0,120,255,.05),transparent 28%);
    animation:heartbeatAtmosphere 12s ease-in-out infinite;
}

.heartbeat-glow{
    position:absolute;
    width:46vw;
    height:46vw;
    border-radius:50%;
    filter:blur(70px);
    opacity:.45;
}
.heartbeat-glow-left{
    left:-18vw;
    top:8vh;
    background:radial-gradient(circle,rgba(0,238,200,.10),transparent 68%);
    animation:heartbeatGlowLeft 10s ease-in-out infinite;
}
.heartbeat-glow-right{
    right:-18vw;
    bottom:-8vh;
    background:radial-gradient(circle,rgba(20,126,255,.10),transparent 68%);
    animation:heartbeatGlowRight 13s ease-in-out infinite;
}

.heartbeat-line{
    position:absolute;
    left:-6%;
    width:112%;
    height:180px;
    overflow:visible;
    opacity:0;
    filter:
        drop-shadow(0 0 4px rgba(32,239,218,.9))
        drop-shadow(0 0 11px rgba(32,239,218,.42));
}

.heartbeat-line path{
    fill:none;
    stroke:#20efda;
    stroke-width:2.1;
    stroke-linejoin:round;
    stroke-linecap:round;
    vector-effect:non-scaling-stroke;
    stroke-dasharray:1000;
    stroke-dashoffset:1000;
}

.heartbeat-line-one{
    top:8vh;
    animation:heartbeatFadeOne 9s ease-in-out infinite;
}
.heartbeat-line-one path{
    animation:heartbeatDrawOne 9s linear infinite;
}

.heartbeat-line-two{
    top:66vh;
    opacity:0;
    transform:scaleX(-1);
    animation:heartbeatFadeTwo 11s ease-in-out infinite 3s;
}
.heartbeat-line-two path{
    stroke:rgba(45,185,255,.85);
    animation:heartbeatDrawTwo 11s linear infinite 3s;
}

.heartbeat-heart{
    position:absolute;
    font-size:42px;
    color:#24eed9;
    text-shadow:
        0 0 6px rgba(36,238,217,.9),
        0 0 18px rgba(36,238,217,.5);
    opacity:0;
}
.heart-left{
    left:11vw;
    top:12vh;
    animation:heartBeatPop 9s ease-in-out infinite;
}
.heart-right{
    right:8vw;
    top:70vh;
    color:#47b8ff;
    text-shadow:
        0 0 6px rgba(71,184,255,.9),
        0 0 18px rgba(71,184,255,.5);
    animation:heartBeatPop 11s ease-in-out infinite 3s;
}

.heartbeat-particles{
    position:absolute;
    inset:0;
    opacity:.30;
    background-image:
        radial-gradient(circle,rgba(47,238,218,.48) 0 1px,transparent 1.6px),
        radial-gradient(circle,rgba(52,142,255,.36) 0 1px,transparent 1.8px);
    background-size:96px 96px,143px 143px;
    background-position:0 0,34px 28px;
    animation:particleDrift 24s linear infinite;
}

/* Panels no longer look like solid black blocks */
section{
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
}

.dashboard-main>section{
    padding-left:0!important;
    padding-right:0!important;
}

.cards .card,
.tiercard,
.pro-stat-card,
.pro-filter-panel,
.pro-table-wrap,
.company-settings-form,
.tier-modal{
    background:linear-gradient(
        180deg,
        rgba(11,19,28,.78),
        rgba(7,14,21,.76)
    )!important;
    border:1px solid rgba(72,117,139,.30)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    box-shadow:
        0 14px 36px rgba(0,0,0,.17),
        inset 0 1px 0 rgba(255,255,255,.018)!important;
}

.tiercard:hover,
.pro-stat-card:hover{
    border-color:rgba(35,230,197,.44)!important;
    box-shadow:
        0 15px 40px rgba(0,0,0,.22),
        0 0 22px rgba(35,230,197,.045)!important;
}

/* Transparent section heads so heartbeat passes behind them */
.section-title-row,
.pro-section-head{
    background:transparent!important;
}

/* keep nav readable, but lighter than before */
nav{
    background:rgba(7,12,18,.88)!important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border-right:1px solid rgba(75,102,120,.20);
}

/* heartbeat animations: appear -> beat -> fade */
@keyframes heartbeatDrawOne{
    0%,8%{stroke-dashoffset:1000}
    42%{stroke-dashoffset:0}
    100%{stroke-dashoffset:0}
}
@keyframes heartbeatDrawTwo{
    0%,10%{stroke-dashoffset:1000}
    45%{stroke-dashoffset:0}
    100%{stroke-dashoffset:0}
}
@keyframes heartbeatFadeOne{
    0%,4%{opacity:0}
    12%{opacity:.22}
    23%{opacity:.78}
    48%{opacity:.34}
    68%,100%{opacity:0}
}
@keyframes heartbeatFadeTwo{
    0%,5%{opacity:0}
    14%{opacity:.16}
    27%{opacity:.58}
    50%{opacity:.25}
    70%,100%{opacity:0}
}
@keyframes heartBeatPop{
    0%,17%,68%,100%{opacity:0;transform:scale(.72)}
    23%{opacity:.30;transform:scale(.88)}
    27%{opacity:.95;transform:scale(1.16)}
    30%{opacity:.65;transform:scale(.94)}
    33%{opacity:.92;transform:scale(1.08)}
    39%{opacity:.35;transform:scale(1)}
    51%{opacity:.08;transform:scale(1)}
}
@keyframes heartbeatAtmosphere{
    0%,100%{opacity:.55}
    50%{opacity:1}
}
@keyframes heartbeatGlowLeft{
    0%,100%{transform:translate3d(0,0,0) scale(.95);opacity:.24}
    45%{transform:translate3d(7vw,4vh,0) scale(1.10);opacity:.50}
}
@keyframes heartbeatGlowRight{
    0%,100%{transform:translate3d(0,0,0) scale(.96);opacity:.22}
    55%{transform:translate3d(-6vw,-5vh,0) scale(1.08);opacity:.46}
}
@keyframes particleDrift{
    from{background-position:0 0,34px 28px}
    to{background-position:96px 96px,177px 171px}
}

@media (prefers-reduced-motion: reduce){
    .streaming-heartbeat-bg::before,
    .heartbeat-glow,
    .heartbeat-line,
    .heartbeat-line path,
    .heartbeat-heart,
    .heartbeat-particles{
        animation:none!important;
    }
    .heartbeat-line{opacity:.14}
    .heartbeat-line path{stroke-dashoffset:0}
}


/* v5.4 Reference-match visual update */
header{
    min-height:70px!important;
    background:rgba(4,12,18,.90)!important;
    border-bottom:1px solid rgba(26,126,143,.34)!important;
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
}
.brand-block{display:flex;align-items:center;gap:12px}
.brand-mark{
    width:42px;height:42px;border-radius:10px;display:grid;place-items:center;
    color:#22f0dc;font-size:26px;font-weight:900;
    background:rgba(9,61,68,.52);
    border:1px solid rgba(31,224,210,.19);
    text-shadow:0 0 12px rgba(34,240,220,.60)
}
.brand-block .logo{font-size:21px!important;line-height:1.1}
.brand-tagline{color:#9bacbb;font-size:10px;margin-top:4px;letter-spacing:.1px}
.onair{
    color:#4ef0c9!important;background:rgba(6,59,53,.28)!important;
    border:1px solid rgba(41,190,159,.34)!important
}

.shell{position:relative;z-index:2}

.side-nav{
    background:linear-gradient(180deg,rgba(5,21,31,.96),rgba(4,14,22,.96))!important;
    border-right:1px solid rgba(35,156,178,.28)!important;
    backdrop-filter:blur(2px)!important;
    -webkit-backdrop-filter:blur(2px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    min-height:calc(100vh - 70px)!important;
    padding:18px 14px 24px!important;
}
.side-links{display:flex;flex-direction:column;gap:8px}
.side-nav a{
    display:flex!important;align-items:center;gap:10px;
    padding:12px 12px!important;
    border:1px solid transparent!important;
    border-radius:8px!important;
    color:#aebdca!important;
    font-size:11px!important;
    letter-spacing:.4px!important;
    transition:.18s ease!important;
}
.side-nav a:hover,
.side-nav .nav-analysis{
    color:#30f2df!important;
    background:linear-gradient(90deg,rgba(10,118,126,.44),rgba(7,48,60,.34))!important;
    border-color:rgba(25,223,207,.62)!important;
    box-shadow:0 0 18px rgba(28,225,208,.08)!important;
}
.nav-symbol{
    width:22px;display:inline-grid;place-items:center;
    font-size:16px;color:#a9c5d1
}
.side-nav .nav-analysis .nav-symbol{color:#37f3e0}
.side-message{
    padding:20px 8px 4px;
    color:rgba(203,229,238,.64);
    font-family:"Segoe Script","Brush Script MT",cursive;
    font-size:21px;
    line-height:1.12;
    transform:rotate(-6deg);
    text-align:center;
    text-shadow:0 0 10px rgba(56,223,218,.16)
}
.side-message span{font-family:Arial,sans-serif;color:#77dfdf;font-size:28px}

.dashboard-main{padding-right:8%!important}

/* Less blur, closer to screenshot */
.cards .card,
.tiercard,
.pro-stat-card,
.pro-filter-panel,
.pro-table-wrap,
.company-settings-form,
.tier-modal,
.analysis-card{
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
}
section{
    border-radius:10px!important;
}
#tiers,#servers,#boxes,#company{
    padding:18px!important;
    margin-bottom:14px!important;
    background:linear-gradient(180deg,rgba(5,23,33,.54),rgba(4,17,25,.48))!important;
    border:1px solid rgba(23,178,198,.34)!important;
    box-shadow:inset 0 1px 0 rgba(70,233,226,.025)!important;
}

/* Analysis outer panel / heading */
.analysis-panel{
    padding:16px!important;
    background:linear-gradient(180deg,rgba(5,23,33,.47),rgba(4,18,27,.43))!important;
    border:1px solid rgba(22,169,191,.34)!important;
    margin-bottom:14px!important;
}
.analysis-heading{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.analysis-icon{
    width:42px;height:42px;display:grid;place-items:center;
    color:#22efdc;font-size:27px;font-weight:900;
    text-shadow:0 0 12px rgba(34,239,220,.48)
}
.analysis-heading h1{margin:0!important;font-size:23px!important}
.analysis-heading p{margin:3px 0 0;color:#9cb0bd;font-size:11px}

/* analysis cards + colored bars */
.stats{gap:13px!important}
.stats>div.analysis-card{
    min-height:94px!important;
    padding:14px 15px 11px!important;
    background:linear-gradient(180deg,rgba(7,30,42,.72),rgba(5,21,31,.72))!important;
    border:1px solid rgba(25,175,199,.42)!important;
    border-radius:9px!important;
    display:flex!important;flex-direction:column!important;
    justify-content:space-between!important;
}
.analysis-card-row{display:flex;align-items:center;gap:12px}
.analysis-card-row>div:last-child{display:flex;flex-direction:column}
.stats .analysis-card b{font-size:22px!important;margin:0 0 3px!important}
.stats .analysis-card span{font-size:9px!important;color:#a4b3bf!important}
.metric-icon{
    width:39px;height:39px;border-radius:9px;display:grid;place-items:center;
    background:rgba(11,81,101,.50);color:#34dff0;font-size:20px
}
.expiring-card .metric-icon{background:rgba(108,71,8,.45);color:#ffc443}
.revenue-card .metric-icon{background:rgba(5,75,139,.48);color:#39aaff}
.boxes-card .metric-icon{background:rgba(85,29,131,.42);color:#bc5fff}
.metric-track{
    width:100%;height:5px;border-radius:999px;background:rgba(112,143,158,.28);
    overflow:hidden;margin-top:8px
}
.metric-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#09ebdc,#31dcb0);box-shadow:0 0 8px rgba(20,232,212,.4)}
.expiring-card .metric-track i{background:linear-gradient(90deg,#ffb72d,#e9a31b)}
.revenue-card .metric-track i{background:linear-gradient(90deg,#1ca6ff,#267df4)}
.boxes-card .metric-track i{background:linear-gradient(90deg,#bd43ff,#8248f4)}

/* tiers closer to visual reference */
.tiercard{
    background:linear-gradient(180deg,rgba(4,22,32,.77),rgba(3,16,24,.76))!important;
    border-color:rgba(18,188,207,.52)!important;
}
.tiercard .price{color:#2be3db!important}
.tier-create-btn{
    background:linear-gradient(180deg,#15dcc7,#10b69f)!important;
    border-color:#2cf6df!important;
    box-shadow:0 0 18px rgba(24,225,204,.12)!important
}

/* right-side phrases */
.background-message{
    position:absolute;
    right:1.6vw;
    z-index:1;
    color:rgba(56,236,225,.80);
    text-align:center;
    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
    line-height:1.75;
    text-shadow:0 0 8px rgba(42,232,220,.38);
    opacity:0;
    animation:messagePulse 10s ease-in-out infinite;
}
.background-message span{font-size:28px;line-height:1}
.background-message-top{top:27vh}
.background-message-bottom{top:65vh;animation-delay:4.5s}
@keyframes messagePulse{
    0%,14%,78%,100%{opacity:0;transform:translateY(6px)}
    24%,58%{opacity:.92;transform:translateY(0)}
    68%{opacity:.28}
}

/* heartbeat a little sharper / less hazy */
.heartbeat-line{
    filter:drop-shadow(0 0 3px rgba(32,239,218,.72))!important;
}
.heartbeat-glow{filter:blur(38px)!important;opacity:.30!important}
.heartbeat-particles{opacity:.20!important}

@media(max-width:1100px){
    .dashboard-main{padding-right:18px!important}
    .background-message{display:none}
}
@media(max-width:760px){
    .side-message{display:none}
}


/* v5.5 Streaming Server Popup Management */
.server-table-wrap{border:1px solid rgba(28,167,190,.28)!important;border-radius:10px!important;overflow:auto!important}
.server-table{margin:0!important;min-width:900px}
.server-table th{background:rgba(6,21,31,.72)!important;color:#9fb3c1!important;padding:12px 14px!important}
.server-table td{padding:13px 14px!important}
.server-table small{display:block;color:#718495;margin-top:3px}
.server-status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase}
.server-status.online{background:rgba(15,112,81,.26);border:1px solid rgba(42,194,142,.44);color:#66eab5}
.server-status.offline,.server-status.disabled{background:rgba(120,32,40,.24);border:1px solid rgba(218,70,86,.40);color:#ff8a96}
.server-status.maintenance{background:rgba(117,85,20,.24);border:1px solid rgba(203,156,54,.40);color:#ffd278}
.server-create-btn{background:linear-gradient(180deg,#15dcc7,#10b69f)!important;border:1px solid #2cf6df!important;color:#fff!important;border-radius:9px;padding:10px 16px;font-weight:900;cursor:pointer}
.server-edit-btn{background:#111b24;border:1px solid #38505f;color:#c9d8e2;border-radius:8px;padding:7px 12px;font-weight:800;cursor:pointer}
.server-edit-btn:hover{border-color:#22d7c2;color:#43f0dc}
.server-modal-backdrop{position:fixed!important;inset:0!important;z-index:99999!important;align-items:center!important;justify-content:center!important;background:rgba(2,8,13,.80)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important;padding:24px!important}
.server-modal{width:min(760px,calc(100vw - 48px))!important;max-height:90vh!important;overflow:auto!important;background:linear-gradient(180deg,rgba(7,24,34,.98),rgba(5,16,24,.98))!important;border:1px solid rgba(30,204,217,.42)!important;border-radius:15px!important;box-shadow:0 28px 90px rgba(0,0,0,.55)!important}
.server-modal-head{display:flex;justify-content:space-between;gap:18px;padding:20px 22px 16px;border-bottom:1px solid rgba(66,101,116,.30)}
.server-modal-head h3{margin:0 0 5px;font-size:21px}.server-modal-head p{margin:0;color:#8195a4;font-size:12px}
.server-modal-close{width:36px;height:36px;border-radius:9px;background:#101a23;border:1px solid #344754;color:#cbd6de;font-size:23px;cursor:pointer}
.server-modal form{padding:22px}
.server-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.server-field{display:flex;flex-direction:column;gap:7px}.server-field.span-2{grid-column:span 2}
.server-field label{font-size:12px;font-weight:800;color:#b7c5d0}
.server-field input,.server-field select{height:42px;background:#071018;color:#eef5f8;border:1px solid #2d414d;border-radius:8px;padding:0 11px;outline:none}
.server-field input:focus,.server-field select:focus{border-color:#28d6c0;box-shadow:0 0 0 2px rgba(40,214,192,.08)}
.server-check-label{min-height:42px;display:flex!important;align-items:center!important;gap:9px!important;background:#08131b;border:1px solid #293d48;border-radius:8px;padding:0 12px}
.server-check-label input{height:auto!important}
.server-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:17px;border-top:1px solid rgba(66,101,116,.30)}
@media(max-width:700px){.server-modal-grid{grid-template-columns:1fr}.server-field.span-2{grid-column:auto}}


/* v5.6 Rental data export buttons */
.rental-header-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
    flex-wrap:wrap;
}
.pro-export-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 13px;
    border-radius:8px;
    text-decoration:none!important;
    font-size:11px;
    font-weight:900;
    letter-spacing:.15px;
    color:#dffaf6!important;
    background:rgba(7,40,48,.72);
    border:1px solid rgba(36,207,190,.45);
    transition:.18s ease;
}
.pro-export-btn:hover{
    color:#fff!important;
    border-color:#2ce7d1;
    background:rgba(10,82,84,.72);
    box-shadow:0 0 16px rgba(32,221,202,.10);
    transform:translateY(-1px);
}
.trx-export{
    background:rgba(13,42,67,.72);
    border-color:rgba(50,154,231,.48);
}
.trx-export:hover{
    border-color:#3fb4ff;
    background:rgba(15,69,105,.76);
    box-shadow:0 0 16px rgba(48,165,242,.10);
}
@media(max-width:850px){
    .pro-section-head{align-items:flex-start!important}
    .rental-header-actions{justify-content:flex-start}
}


/* v5.8 Company Settings collapsible + live Analysis fixes */
.company-collapsible{
    padding:0!important;
    overflow:hidden;
}
.company-details{
    margin:0;
}
.company-summary{
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    cursor:pointer;
    padding:17px 19px;
    user-select:none;
    border-radius:10px;
    transition:.18s ease;
}
.company-summary::-webkit-details-marker{display:none}
.company-summary:hover{
    background:rgba(12,62,72,.24);
}
.company-summary-copy{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}
.company-summary-copy h2{
    margin:0 0 3px!important;
}
.company-summary-copy p{
    margin:0!important;
}
.company-summary-icon{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:grid;
    place-items:center;
    border-radius:9px;
    color:#31ebda;
    background:rgba(10,83,91,.38);
    border:1px solid rgba(37,216,202,.20);
    font-size:18px;
}
.company-summary-chevron{
    color:#58e6d8;
    font-size:25px;
    line-height:1;
    transition:transform .20s ease;
}
.company-details[open] .company-summary-chevron{
    transform:rotate(180deg);
}
.company-details[open] .company-summary{
    border-bottom:1px solid rgba(34,151,168,.22);
    border-radius:10px 10px 0 0;
}
.company-details-body{
    padding:18px;
    animation:companyDrop .20s ease;
}
.company-details-body .company-settings-form{
    margin:0!important;
}
@keyframes companyDrop{
    from{opacity:0;transform:translateY(-5px)}
    to{opacity:1;transform:translateY(0)}
}


/* v5.9 Company profile settings + public company page */
.company-field.span-2{grid-column:span 2}
.company-field textarea{
    width:100%;
    min-height:118px;
    resize:vertical;
    background:#071018;
    color:#eef5f8;
    border:1px solid #2d414d;
    border-radius:8px;
    padding:11px;
    outline:none;
    font:inherit;
}
.company-field textarea:focus{
    border-color:#28d6c0;
    box-shadow:0 0 0 2px rgba(40,214,192,.08);
}
.company-field small{color:#728795;font-size:11px}
.public-page-row{display:flex;gap:10px;align-items:center}
.public-page-row input{flex:1}
.company-public-page-btn{
    white-space:nowrap;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 14px;
    border-radius:8px;
    text-decoration:none!important;
    color:#dffaf7!important;
    font-weight:900;
    font-size:11px;
    background:rgba(12,80,87,.55);
    border:1px solid rgba(45,224,207,.40);
}
.company-public-page-btn:hover{border-color:#35ead5;background:rgba(12,105,108,.68)}
@media(max-width:700px){
    .company-field.span-2{grid-column:auto}
    .public-page-row{align-items:stretch;flex-direction:column}
}

/* Public Company Page */
.public-company-body{
    margin:0;
    min-height:100vh;
    color:#e8f2f5;
    background:
        radial-gradient(circle at 16% 12%,rgba(14,138,139,.16),transparent 30%),
        radial-gradient(circle at 86% 18%,rgba(27,91,145,.14),transparent 28%),
        #041018;
    font-family:Inter,Segoe UI,Arial,sans-serif;
}
.public-bg-grid{
    position:fixed;inset:0;pointer-events:none;opacity:.20;
    background-image:
        linear-gradient(rgba(61,196,201,.07) 1px,transparent 1px),
        linear-gradient(90deg,rgba(61,196,201,.07) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(to bottom,black,transparent 86%);
}
.public-company-shell{
    position:relative;
    z-index:1;
    width:min(1180px,calc(100% - 36px));
    margin:0 auto;
    padding:44px 0 30px;
}
.public-company-hero{
    display:grid;
    grid-template-columns:180px 1fr;
    gap:34px;
    align-items:center;
    padding:30px;
    border:1px solid rgba(41,196,200,.28);
    border-radius:18px;
    background:linear-gradient(145deg,rgba(7,29,40,.92),rgba(5,18,27,.82));
    box-shadow:0 24px 70px rgba(0,0,0,.25);
}
.public-company-logo{
    width:180px;height:180px;
    display:grid;place-items:center;
    overflow:hidden;
    border-radius:22px;
    background:rgba(6,23,31,.92);
    border:1px solid rgba(47,220,207,.25);
}
.public-company-logo img{width:100%;height:100%;object-fit:contain;padding:10px;box-sizing:border-box}
.public-logo-fallback{font-size:66px;color:#36e2cf}
.public-eyebrow{
    display:block;
    margin-bottom:8px;
    color:#42dfcf;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.8px;
}
.public-company-info h1{
    margin:0 0 12px;
    font-size:clamp(32px,5vw,58px);
    line-height:1;
    letter-spacing:-1.4px;
}
.public-description{
    max-width:780px;
    margin:0;
    color:#a8bdc7;
    line-height:1.75;
    font-size:15px;
}
.public-company-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.public-primary-btn,.public-secondary-btn,.public-tier-cta{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:42px;padding:0 16px;border-radius:9px;
    text-decoration:none!important;font-size:12px;font-weight:900;
}
.public-primary-btn,.public-tier-cta{
    color:#03201d!important;
    background:linear-gradient(180deg,#42ead7,#1cc2ad);
    border:1px solid #64f7e7;
}
.public-secondary-btn{
    color:#d9e8ee!important;
    background:#0b1922;
    border:1px solid #314955;
}
.public-company-meta{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin:16px 0 34px;
}
.public-company-meta>div{
    padding:16px 18px;
    border-radius:12px;
    background:rgba(7,24,34,.72);
    border:1px solid rgba(66,129,143,.24);
}
.public-company-meta span,.public-tier-specs span{
    display:block;color:#708896;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.7px;margin-bottom:5px
}
.public-company-meta strong{font-size:13px;color:#dcebef}
.public-tiers-section{
    padding:28px;
    border-radius:18px;
    background:rgba(5,18,27,.66);
    border:1px solid rgba(43,154,167,.22);
}
.public-section-heading{
    display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px
}
.public-section-heading h2{margin:0;font-size:28px}
.public-section-heading p{max-width:530px;color:#7f96a3;margin:0;line-height:1.6;font-size:13px}
.public-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.public-tier-card{
    display:flex;flex-direction:column;
    min-height:300px;padding:20px;border-radius:14px;
    background:linear-gradient(180deg,rgba(8,35,45,.88),rgba(5,20,29,.90));
    border:1px solid rgba(49,190,190,.24);
}
.public-tier-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.public-tier-top h3{margin:3px 0 0;font-size:19px}
.public-tier-price{color:#43ead4;font-size:28px;font-weight:950}
.public-tier-price span{font-size:12px;margin-right:2px}
.public-tier-desc{color:#7f96a3;line-height:1.55;font-size:12px;min-height:38px}
.public-tier-specs{
    display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 20px
}
.public-tier-specs>div{
    padding:10px;border-radius:9px;background:rgba(3,14,21,.60);border:1px solid rgba(53,102,117,.22)
}
.public-tier-specs strong{font-size:12px}
.public-tier-cta{margin-top:auto;width:100%;box-sizing:border-box}
.public-empty{
    padding:34px;text-align:center;border-radius:14px;background:rgba(7,25,34,.65);border:1px dashed rgba(71,142,154,.34)
}
.public-empty h1,.public-empty h3{margin-top:0}
.public-empty p{color:#8197a2}
.public-company-footer{
    display:flex;justify-content:space-between;gap:14px;
    padding:20px 4px 0;color:#536d79;font-size:11px
}
@media(max-width:900px){
    .public-company-hero{grid-template-columns:120px 1fr}
    .public-company-logo{width:120px;height:120px}
    .public-company-meta{grid-template-columns:1fr 1fr}
    .public-tier-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
    .public-company-shell{width:min(100% - 22px,1180px);padding-top:18px}
    .public-company-hero{grid-template-columns:1fr;text-align:center;padding:22px}
    .public-company-logo{margin:auto}
    .public-company-actions{justify-content:center}
    .public-company-meta{grid-template-columns:1fr}
    .public-section-heading{display:block}
    .public-section-heading p{margin-top:10px}
    .public-tier-grid{grid-template-columns:1fr}
    .public-company-footer{flex-direction:column;text-align:center}
}


/* v6.1 - keep v5.9 public layout; add automatic SL profile buttons */
.public-company-meta>div{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}
.public-company-meta strong{
    margin-bottom:9px;
}
.public-meta-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:0 11px;
    margin-top:auto;
    border-radius:7px;
    color:#c9faf4!important;
    text-decoration:none!important;
    font-size:10px;
    font-weight:900;
    background:rgba(10,78,84,.48);
    border:1px solid rgba(47,220,205,.30);
    transition:.18s ease;
}
.public-meta-btn:hover{
    color:#ecfffd!important;
    background:rgba(12,104,106,.66);
    border-color:rgba(61,235,218,.55);
    box-shadow:0 0 16px rgba(31,205,190,.10);
}


/* v6.2 - Dashboard animated background on Public Company Page */
.public-company-body{
    position:relative;
    isolation:isolate;
    background:
        radial-gradient(circle at 12% 18%,rgba(12,102,116,.11),transparent 31%),
        radial-gradient(circle at 88% 28%,rgba(18,79,133,.11),transparent 30%),
        linear-gradient(145deg,#031018 0%,#06131d 46%,#041019 100%)!important;
    background-attachment:fixed!important;
}
.public-dashboard-motion{
    position:fixed;
    inset:0;
    z-index:-2;
    overflow:hidden;
    pointer-events:none;
}
.public-bg-grid{
    z-index:-1!important;
}
.public-aurora{
    position:absolute;
    width:52vw;
    height:52vw;
    min-width:520px;
    min-height:520px;
    border-radius:50%;
    filter:blur(75px);
    opacity:.12;
    animation:publicAuroraFloat 13s ease-in-out infinite alternate;
}
.public-aurora-one{
    left:-15vw;
    top:-19vw;
    background:radial-gradient(circle,rgba(30,225,204,.72),rgba(17,109,132,.18) 44%,transparent 70%);
}
.public-aurora-two{
    right:-19vw;
    bottom:-23vw;
    background:radial-gradient(circle,rgba(31,122,205,.62),rgba(15,105,130,.15) 45%,transparent 72%);
    animation-delay:-5s;
    animation-duration:16s;
}
.public-heartbeat{
    position:absolute;
    left:-8%;
    width:116%;
    height:160px;
    opacity:0;
    filter:drop-shadow(0 0 6px rgba(41,231,211,.35));
    animation:publicHeartbeatCycle 8s ease-in-out infinite;
}
.public-heartbeat-one{top:26%}
.public-heartbeat-two{top:69%;animation-delay:4s}
.public-heartbeat svg{width:100%;height:100%;overflow:visible}
.public-heartbeat path{
    fill:none;
    stroke:rgba(48,225,209,.50);
    stroke-width:1.35;
    vector-effect:non-scaling-stroke;
    stroke-dasharray:1;
    stroke-dashoffset:1;
    animation:publicHeartbeatDraw 8s ease-in-out infinite;
}
.public-heartbeat-two path{animation-delay:4s}
.public-heart{
    position:absolute;
    color:rgba(54,230,211,.38);
    font-size:29px;
    opacity:0;
    text-shadow:0 0 12px rgba(42,224,207,.30);
    animation:publicHeartPulse 8s ease-in-out infinite;
}
.public-heart-one{right:13%;top:22%}
.public-heart-two{left:10%;top:65%;animation-delay:4s}
.public-particle{
    position:absolute;
    width:3px;height:3px;border-radius:50%;
    background:rgba(74,229,218,.52);
    box-shadow:0 0 8px rgba(55,220,208,.45);
    animation:publicParticleFloat 9s ease-in-out infinite alternate;
}
.public-particle.p1{left:18%;top:38%}
.public-particle.p2{right:21%;top:15%;animation-delay:-3s}
.public-particle.p3{left:62%;bottom:18%;animation-delay:-6s}
.public-particle.p4{right:9%;bottom:39%;animation-delay:-1.5s}

.public-profile-only-btn{
    margin-top:5px!important;
}
@keyframes publicAuroraFloat{
    0%{transform:translate3d(0,0,0) scale(.96)}
    100%{transform:translate3d(5vw,3vw,0) scale(1.08)}
}
@keyframes publicHeartbeatDraw{
    0%,8%{stroke-dashoffset:1}
    40%,68%{stroke-dashoffset:0}
    90%,100%{stroke-dashoffset:-1}
}
@keyframes publicHeartbeatCycle{
    0%,8%,92%,100%{opacity:0}
    20%,68%{opacity:.68}
    82%{opacity:.12}
}
@keyframes publicHeartPulse{
    0%,16%,74%,100%{opacity:0;transform:scale(.70)}
    30%{opacity:.65;transform:scale(1)}
    34%{transform:scale(1.22)}
    39%{transform:scale(.96)}
    44%{transform:scale(1.12)}
    54%{opacity:.46;transform:scale(1)}
    68%{opacity:0}
}
@keyframes publicParticleFloat{
    from{transform:translateY(0);opacity:.20}
    to{transform:translateY(-32px);opacity:.65}
}
@media (prefers-reduced-motion:reduce){
    .public-aurora,.public-heartbeat,.public-heart,.public-particle,
    .public-heartbeat path{animation:none!important}
    .public-heartbeat{opacity:.16}
    .public-heartbeat path{stroke-dashoffset:0}
}


/* v6.3 - More transparent public Company Page */
.public-company-hero{
    background:linear-gradient(145deg,rgba(7,29,40,.52),rgba(5,18,27,.38))!important;
    border-color:rgba(41,196,200,.22)!important;
    box-shadow:0 18px 55px rgba(0,0,0,.15)!important;
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
}
.public-company-logo{
    background:rgba(6,23,31,.42)!important;
}
.public-company-meta>div{
    background:rgba(7,24,34,.38)!important;
    border-color:rgba(66,129,143,.20)!important;
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
}
.public-tiers-section{
    background:rgba(5,18,27,.34)!important;
    border-color:rgba(43,154,167,.19)!important;
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
}
.public-tier-card{
    background:linear-gradient(180deg,rgba(8,35,45,.47),rgba(5,20,29,.38))!important;
    border-color:rgba(49,190,190,.21)!important;
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
}
.public-tier-specs>div{
    background:rgba(3,14,21,.34)!important;
}
.public-empty{
    background:rgba(7,25,34,.34)!important;
}

/* SonicPanel Integration v6.6 */
.backend-divider{margin-top:5px;padding:13px 14px;border:1px solid rgba(214,171,67,.22);border-radius:10px;background:rgba(214,171,67,.055)}
.backend-divider strong{color:#f0c866;font-size:13px}.backend-divider span{font-size:11px;color:#8195a4;line-height:1.5}
.backend-test-box{justify-content:flex-end}.backend-test-btn{height:42px;border:1px solid rgba(40,214,192,.45);border-radius:8px;background:rgba(40,214,192,.10);color:#67f0df;font-weight:800;cursor:pointer;padding:0 12px}
.backend-test-btn:hover{background:rgba(40,214,192,.17)}.backend-test-result{font-size:11px;line-height:1.5;min-height:17px;color:#8195a4}.backend-test-result.ok{color:#69e6b6}.backend-test-result.err{color:#ff8b8b}.backend-test-result.loading{color:#f0c866}
.backend-mode-label{display:block;margin-top:4px;text-transform:uppercase;letter-spacing:.08em;font-size:9px!important;color:#7f96a4!important}