/* STEEL AXIS · PRIVATE WORKSPACE — WORLD UI V15 */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--w15-bg:#f3f0e9;--w15-ink:#071017;--w15-gold:#d7b073;--w15-gold2:#edcf9d;--w15-blue:#CDA66A;--w15-line:rgba(7,16,23,.095);--w15-shadow:0 24px 72px rgba(7,16,23,.09);--w15-r:26px;--w15-rs:17px}
body{font-family:'IBM Plex Sans Arabic',Arial,sans-serif;background:radial-gradient(circle at 88% -10%,rgba(205,166,106,.08),transparent 30%),linear-gradient(180deg,#f7f4ef,var(--w15-bg) 520px);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body[dir=ltr],body.en{font-family:Manrope,Arial,sans-serif}
:focus-visible{outline:2px solid var(--w15-gold);outline-offset:3px}
.top{background:rgba(7,16,23,.91);backdrop-filter:blur(24px) saturate(140%);border-bottom-color:rgba(255,255,255,.075);box-shadow:0 12px 40px rgba(0,0,0,.14)}
.top .wrap{height:72px}.brand{font-family:Manrope,sans-serif;letter-spacing:.14em}.brand small{opacity:.85}
.nav a,.nav button{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.025);transition:.2s ease}.nav a:hover,.nav button:hover{background:rgba(255,255,255,.08);transform:translateY(-1px)}.nav .primary{background:linear-gradient(135deg,var(--w15-gold2),var(--w15-gold));border:0;color:#071017;box-shadow:0 10px 26px rgba(0,0,0,.16)}
.hero{background:radial-gradient(circle at 84% 14%,rgba(205,166,106,.12),transparent 28%),radial-gradient(circle at 20% 70%,rgba(215,176,115,.10),transparent 24%),linear-gradient(135deg,#061017,#0b1d28);padding-top:66px}
.hero h1{text-wrap:balance;font-weight:600}.hero p{color:rgba(255,255,255,.68)}.hero-points span{border-radius:18px;background:rgba(255,255,255,.055);backdrop-filter:blur(14px)}
.main{padding-top:38px}.grid{gap:24px}.side{top:94px;border-color:var(--w15-line);border-radius:28px;box-shadow:0 18px 48px rgba(7,16,23,.065);background:rgba(255,255,255,.90);backdrop-filter:blur(16px)}
.side a{border-radius:16px;transition:.2s ease}.side a:hover,.side a.active{background:#eee8de;transform:translateX(-2px)}body.en .side a:hover,body.en .side a.active{transform:translateX(2px)}
.panel{border-color:var(--w15-line);border-radius:30px;box-shadow:0 16px 48px rgba(7,16,23,.055);background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}
.panel h2{font-weight:600}.panel h3{font-weight:650}.panel p{color:#68747a}
.cards{gap:15px}.card{border-color:var(--w15-line);border-radius:23px;background:linear-gradient(180deg,#fff,#fbf9f5);transition:transform .25s cubic-bezier(.2,.78,.18,1),box-shadow .25s ease,border-color .25s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--w15-shadow);border-color:rgba(215,176,115,.27)}
.featured-card{background:radial-gradient(circle at 85% 20%,rgba(205,166,106,.10),transparent 25%),linear-gradient(145deg,#08151d,#102632)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 26px 70px rgba(7,16,23,.16)}
.stat{border-color:var(--w15-line);border-radius:22px;box-shadow:0 12px 36px rgba(7,16,23,.045)}.stat b{font-family:Manrope,sans-serif;letter-spacing:-.04em}
.field input,.field select,.field textarea{border-color:rgba(7,16,23,.12);border-radius:15px;min-height:47px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.field textarea{min-height:124px}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(215,176,115,.68);box-shadow:0 0 0 4px rgba(215,176,115,.10)}
.check{border-color:var(--w15-line);border-radius:16px;background:#fff}.btn{border-radius:15px;min-height:48px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(7,16,23,.12)}.btn.gold{background:linear-gradient(135deg,var(--w15-gold2),var(--w15-gold));color:#071017}
.row{border-color:var(--w15-line);border-radius:19px;background:#fff;transition:.2s ease}.row:hover{border-color:rgba(215,176,115,.28);box-shadow:0 12px 32px rgba(7,16,23,.05)}
.badge{background:#f0e9de;border:1px solid rgba(215,176,115,.19)}.empty{background:rgba(255,255,255,.55)}
.auth-shell{background:radial-gradient(circle at 80% 10%,rgba(205,166,106,.13),transparent 30%),linear-gradient(135deg,#061017,#112936)}.auth-card{border-radius:34px;box-shadow:0 46px 130px rgba(0,0,0,.31)}.auth-head{background:linear-gradient(180deg,#f7f4ef,#eee8de)}.auth-tabs a{border-radius:999px}.auth-tabs a.active{background:#071017;color:#fff}
.card-preview{border-radius:32px;background:radial-gradient(circle at 85% 12%,rgba(205,166,106,.14),transparent 27%),linear-gradient(145deg,#071017,#122b38);box-shadow:0 28px 80px rgba(7,16,23,.18)}
.tool-icon-text{border-radius:30px;background:radial-gradient(circle at 75% 15%,rgba(205,166,106,.15),transparent 30%),linear-gradient(145deg,#071017,#153240)}
.tool-info-grid>div{border-color:var(--w15-line);border-radius:18px;background:#fcfbf8}.codebox{border-radius:20px}
.footer{background:#061017;border-top:1px solid rgba(255,255,255,.07)}
.portal-mobile-nav{background:rgba(7,16,23,.94)!important;backdrop-filter:blur(22px) saturate(140%);border-top:1px solid rgba(255,255,255,.08)!important}
.portal-mobile-nav a{transition:.2s ease}.portal-mobile-nav a.active{color:var(--w15-gold)!important}
@media(max-width:900px){.grid{gap:16px}.side{background:#fff;box-shadow:none}.side a:hover,.side a.active{transform:none}.panel{border-radius:24px}.cards{gap:12px}}
@media(max-width:600px){.main{padding-top:18px}.panel{padding:18px;border-radius:22px}.auth-card{border-radius:26px}.hero{padding-top:44px}.hero h1{line-height:1.05}.stat-grid{gap:9px}.stat{border-radius:18px;padding:15px}.row{border-radius:16px}}

/* AXIS AI upgrade (same product language) */
.axis-ai-body{font-family:'IBM Plex Sans Arabic',Arial,sans-serif!important;background:radial-gradient(circle at 20% -8%,rgba(205,166,106,.14),transparent 33%),radial-gradient(circle at 88% 4%,rgba(215,176,115,.12),transparent 28%),#061017!important}
.axis-ai-body .ai-top{background:rgba(6,16,23,.90)!important;backdrop-filter:blur(24px) saturate(140%)!important;box-shadow:0 12px 40px rgba(0,0,0,.14)}
.axis-ai-body .ai-shell{max-width:1500px!important}.axis-ai-body .ai-hero{border-radius:34px!important;border-color:rgba(255,255,255,.10)!important;background:radial-gradient(circle at 80% 15%,rgba(205,166,106,.10),transparent 28%),linear-gradient(145deg,rgba(19,42,56,.96),rgba(6,16,23,.92))!important;box-shadow:0 34px 100px rgba(0,0,0,.20)}
.axis-ai-body .ai-hero h1{font-weight:600;letter-spacing:-.04em;text-wrap:balance}.axis-ai-body .ai-orb{box-shadow:0 0 90px rgba(205,166,106,.11),inset 0 0 45px rgba(215,176,115,.05)}
.axis-ai-body .ai-stat,.axis-ai-body .ai-chat-panel,.axis-ai-body .ai-card{border-color:rgba(255,255,255,.09)!important;background:linear-gradient(160deg,rgba(15,29,40,.94),rgba(9,20,29,.90))!important;box-shadow:0 24px 76px rgba(0,0,0,.16)!important}
.axis-ai-body .ai-stat{border-radius:22px!important}.axis-ai-body .ai-chat-panel,.axis-ai-body .ai-card{border-radius:28px!important}.axis-ai-body .ai-quick-prompts button,.axis-ai-body .ai-ghost,.axis-ai-body .ai-top a{transition:.2s ease}.axis-ai-body .ai-quick-prompts button:hover,.axis-ai-body .ai-ghost:hover,.axis-ai-body .ai-top a:hover{transform:translateY(-1px);background:rgba(255,255,255,.07)}
.axis-ai-body .ai-msg{border-radius:20px!important}.axis-ai-body .ai-msg.assistant{background:linear-gradient(145deg,rgba(215,176,115,.11),rgba(205,166,106,.075))!important}.axis-ai-body .ai-composer textarea,.axis-ai-body .ai-settings input,.axis-ai-body .ai-secret-box input,.axis-ai-body .ai-secret-box textarea{border-radius:15px!important;transition:.2s ease}.axis-ai-body .ai-composer textarea:focus,.axis-ai-body .ai-settings input:focus,.axis-ai-body .ai-secret-box input:focus,.axis-ai-body .ai-secret-box textarea:focus{outline:none;border-color:rgba(215,176,115,.52)!important;box-shadow:0 0 0 4px rgba(215,176,115,.08)}
.axis-ai-body .ai-composer button,.axis-ai-body .ai-settings button,.axis-ai-body .ai-secret-box button{background:linear-gradient(135deg,var(--w15-gold2),var(--w15-gold))!important;box-shadow:0 12px 30px rgba(0,0,0,.14)}