:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#101d4b;background:#edf4ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.shell{display:grid;grid-template-columns:260px minmax(0,1fr) 268px;gap:18px;max-width:1920px;margin:auto;padding:18px;min-height:100vh}.panel,.topbar,.hero,.tile,.auth-card{background:rgba(255,255,255,.91);border:1px solid #e0e9fb;box-shadow:0 9px 28px #3a6ec010;border-radius:19px}.sidebar{display:flex;flex-direction:column;gap:14px}.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:20px;letter-spacing:-.7px;padding:8px 4px}.brand img{width:54px;height:54px;object-fit:contain}.brand small{display:block;font-size:10px;color:#1767e9;letter-spacing:2px}.panel{padding:18px}.panel h3{font-size:14px;margin:0 0 20px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 6px}.app-button{border:0;background:none;color:#15204c;padding:4px 0;font-size:11px;font-weight:650;display:flex;align-items:center;flex-direction:column;gap:7px;min-width:0}.app-icon{width:45px;height:45px;display:grid;place-items:center;font-size:26px;border-radius:14px;background:linear-gradient(145deg,#fff,#e8efff);box-shadow:0 5px 14px #3d69c41a}.app-button:hover .app-icon,.tile:hover{box-shadow:0 8px 22px #665aff30;transform:translateY(-2px)}.storage{margin-top:0}.meter{height:8px;border-radius:12px;background:#eaf0ff;overflow:hidden}.meter span{display:block;height:100%;width:4%;background:linear-gradient(90deg,#ff9e00,#f0009a,#005dff)}.muted{color:#63749e;font-size:12px;line-height:1.6}.blue{color:#095dff}.workspace{min-width:0}.topbar{height:75px;display:flex;align-items:center;gap:16px;padding:12px 20px;margin-bottom:18px}.search{flex:1;display:flex;align-items:center;gap:10px;border:1px solid #dfebff;border-radius:30px;padding:10px 16px;background:#f9fbff}.search input{background:none;border:0;outline:0;width:100%;color:#162556;font-size:13px}.icon-btn{border:0;border-radius:50%;width:39px;height:39px;background:#f3f7ff;color:#174be8;font-size:18px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ffac00,#fa008b,#075dff);display:grid;place-items:center;color:#fff;font-weight:800}.profile{display:flex;gap:9px;align-items:center;border:0;background:none;color:#0f1b45;font-weight:700}.hero{min-height:266px;padding:32px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;background:radial-gradient(circle at 75% 30%,#e4f0ff,transparent 38%),radial-gradient(circle at 50% 100%,#fff1ff,transparent 42%),#fff}.hero h1{font-size:clamp(25px,3vw,37px);line-height:1.15;letter-spacing:-1.3px;margin:12px 0}.hero p{max-width:480px;font-size:14px;line-height:1.7;color:#63749e}.hero img{width:36%;max-width:300px;filter:drop-shadow(0 20px 28px #3d74ee22)}.btn{border:0;color:#fff;background:linear-gradient(95deg,#ff9900,#fc168f,#075dff);padding:12px 19px;border-radius:24px;font-weight:750;font-size:12px}.btn.secondary{background:#eef4ff;color:#1652d8}.hero-actions{display:flex;gap:10px;margin-top:18px}.feature{display:flex;align-items:center;gap:20px;margin:17px 0;padding:20px;background:linear-gradient(110deg,#fff5ff,#e4eeff);border-radius:18px}.feature strong{font-size:21px;font-style:italic}.feature p{font-size:12px;color:#61719a}.feature .symbol{font-size:50px}.feature button{margin-left:auto}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tile{border:1px solid #e3eaf8;border-radius:15px;padding:18px 14px;text-align:left;min-height:155px;transition:.2s;background:#fff;color:#15204b}.tile .app-icon{margin-bottom:13px}.tile strong{display:block;font-size:12px}.tile p{font-size:11px;line-height:1.6;color:#6b7ca2}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 13px}.section-heading h2{font-size:18px;margin:0}.sidepanel{display:flex;flex-direction:column;gap:15px;padding-top:93px}.activity{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f3fc}.activity span{font-size:22px}.activity strong{display:block;font-size:11px}.activity small{font-size:10px;color:#8390ae}.quick{display:flex;flex-direction:column;gap:10px}.quick button,.navitem{border:0;background:#f7faff;border-radius:10px;padding:11px;color:#1755ce;text-align:left;font-size:12px}.status{padding:10px;border-radius:10px;background:#ecfff4;color:#0d8750;font-size:12px}.view{padding:25px;min-height:460px}.view h1{margin:0 0 8px}.file-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eaf0fc;padding:13px 4px;font-size:13px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.toolbar input,.auth-card input{border:1px solid #dce7fa;border-radius:10px;padding:12px;outline-color:#526cff}.message{padding:10px;border-radius:10px;color:#a2323c;background:#fff0f0;margin:10px 0;font-size:12px}.result{display:block;padding:13px;border-bottom:1px solid #e7efff;background:none;border-left:0;border-top:0;border-right:0;text-align:left;width:100%;color:#1c3c8a}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 20%,#ffe5fb,transparent 38%),radial-gradient(circle at 80% 80%,#d9e9ff,transparent 45%),#f6f9ff}.auth-card{width:min(420px,100%);padding:34px}.auth-card .brand{justify-content:center}.auth-card h1{text-align:center}.auth-card label{display:block;font-size:12px;font-weight:700;margin:14px 0}.auth-card input{display:block;width:100%;margin-top:6px}.auth-card .btn{width:100%;margin-top:10px}.link{border:0;background:none;color:#075dff;margin:15px auto;display:block}.toast{position:fixed;bottom:20px;right:20px;padding:14px 20px;background:#122459;color:#fff;border-radius:12px;box-shadow:0 10px 35px #172b5a44;z-index:10}.key-box{background:#f0f5ff;padding:15px;word-break:break-all;border-radius:10px;font-family:monospace;font-size:12px}@media(max-width:1250px){.shell{grid-template-columns:220px minmax(0,1fr)}.sidepanel{display:none}.tiles{grid-template-columns:repeat(3,1fr)}}@media(max-width:750px){.shell{display:block;padding:10px}.sidebar{display:none}.topbar{padding:10px;gap:8px}.topbar .profile span{display:none}.hero{padding:22px;min-height:240px}.hero img{width:26%}.hero h1{font-size:25px}.tiles{grid-template-columns:repeat(2,1fr)}.feature{flex-wrap:wrap}.feature button{margin-left:0}.view{padding:16px}}

/* Cloud X suite extensions */
.suite-status{display:inline-block;margin-top:8px;font-size:11px;color:#64748b}.tile{transition:transform .2s ease,box-shadow .2s ease}.tile:hover{transform:translateY(-3px);box-shadow:0 12px 30px #2545a015}.hero{background:linear-gradient(125deg,#fff 0%,#f2f7ff 52%,#fff0fa 100%)}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar,.sidepanel{display:none}.workspace{min-width:0}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}

.resource-form{display:grid;gap:12px;max-width:720px;margin:20px 0;padding:18px;border:1px solid #dce6f5;border-radius:16px;background:#f9fbff}.resource-form label{display:grid;gap:5px;font-weight:600}.resource-form input,.resource-form textarea,.resource-form select{width:100%;box-sizing:border-box;padding:12px;border:1px solid #cad5e6;border-radius:10px;background:white;font:inherit}.resource-form textarea{resize:vertical}

/* DANABIT Cloud X 10.10.10.10.10 enterprise application surfaces */
.app-icon img{width:100%;height:100%;object-fit:contain;border-radius:14px}.view-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.view-title>div{display:flex;align-items:center;gap:14px}.view-title .app-icon{width:52px;height:52px}.view-title h1{margin:0}.live-badge{padding:7px 11px;border-radius:999px;background:#edf4ff;color:#145bff;font-size:10px;font-weight:900;letter-spacing:1.2px}.live-badge.secure{background:#eafbf1;color:#11804d}.split{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.3fr);gap:22px}.mail-card{padding:16px;border:1px solid #e6ecf8;border-radius:15px;margin:10px 0;background:#fff}.mail-card>div{display:flex;justify-content:space-between;gap:12px}.mail-card small,.mail-card time{color:#7b8bad;font-size:10px}.mail-card p{font-size:12px;line-height:1.7;color:#4d5e85}.empty-state{padding:28px;border:1px dashed #ccd9f0;border-radius:14px;text-align:center;color:#7180a0;background:#fbfdff}.xara-stage{min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:28px;background:radial-gradient(circle at 50% 22%,#e4eeff,transparent 30%),linear-gradient(180deg,#fbfdff,#f7f1ff);border-radius:18px}.xara-orb{width:88px;height:88px;border-radius:31px;display:grid;place-items:center;background:linear-gradient(145deg,#ff9d00,#ef159e 50%,#1267ff);color:white;font-weight:950;font-size:39px;box-shadow:0 18px 50px #5b52d343}.xara-stage h2{font-size:24px;margin:18px 0 12px}.xara-prompt{width:min(760px,100%);display:flex;gap:10px;align-items:flex-end;padding:10px;background:#fff;border:1px solid #dfe7f5;border-radius:20px;box-shadow:0 14px 35px #21457a14}.xara-prompt textarea{flex:1;border:0;outline:0;resize:vertical;padding:12px;font:inherit;color:#13234d}.ai-answer{width:min(760px,100%);margin-top:20px;background:#fff;padding:20px;border-radius:18px;border:1px solid #e2e9f8;line-height:1.65;font-size:13px}.ai-label{font-weight:900;color:#8b26db;margin-bottom:10px}.thread-strip{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}.chip{border:1px solid #dbe5f5;background:#fff;color:#37588f;padding:8px 12px;border-radius:999px;font-size:11px}.office-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px}.doc-list{border-right:1px solid #e6edf8;padding-right:14px;display:flex;flex-direction:column;gap:8px}.doc-item{border:0;background:#f7f9fd;border-radius:12px;padding:12px;text-align:left;color:#172653}.doc-item.active{background:#e9f0ff;box-shadow:inset 3px 0 #1267ff}.doc-item strong,.doc-item small{display:block}.doc-item small{color:#7886a6;margin-top:5px}.editor{background:#edf2fa;padding:22px;border-radius:16px}.editor form{max-width:860px;margin:auto;background:white;min-height:560px;padding:28px;box-shadow:0 12px 40px #24457a18}.doc-title{width:100%;border:0;border-bottom:1px solid #e8edf6;padding:10px 0;font-size:24px;font-weight:800;outline:0}.editor-toolbar{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid #eef2f8;color:#43577d}.editor-toolbar small{margin-left:auto}.doc-editor{width:100%;min-height:390px;border:0;outline:0;resize:vertical;padding:20px 0;font:15px/1.8 Georgia,serif;color:#1c2b4a}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.metric{padding:20px;border-radius:16px;background:linear-gradient(145deg,#f8fbff,#eef4ff);border:1px solid #e3eaf7}.metric strong{font-size:30px;display:block;color:#15336e}.metric span{font-size:11px;color:#6d7da1}.secure-form select{border:1px solid #dce7fa;border-radius:10px;padding:12px;background:#fff}.device-card,.security-event{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ebf0f8;padding:13px 4px}.device-card>div{flex:1}.device-card small,.security-event small{display:block;color:#7d8aa6;margin-top:3px}.device-dot{width:11px;height:11px;border-radius:50%}.risk-low{background:#24b874}.risk-medium{background:#f2a51a}.risk-high{background:#e03d62}.sev{font-size:9px;font-weight:900;text-transform:uppercase;padding:5px 7px;border-radius:7px;background:#edf2f8;color:#53637f}.sev.high,.sev.critical{background:#fff0f2;color:#bc2947}.sev.medium{background:#fff8e5;color:#9b6c00}
@media(max-width:900px){.split,.office-grid{grid-template-columns:1fr}.doc-list{border-right:0;border-bottom:1px solid #e6edf8;padding:0 0 14px}.metric-grid{grid-template-columns:1fr}.xara-prompt{flex-direction:column;align-items:stretch}.editor{padding:8px}.editor form{padding:16px}}
/* Cloud X Final complete-suite additions */
.resource-form textarea[name="data"]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
.live-badge{white-space:nowrap}
.tile .suite-status{font-weight:700}