:root{--bg:#f7f8fd;--surface:#fff;--line:#e9eaf3;--ink:#171529;--muted:#8886a1;--purple:#7700ee;--violet:#6440f5;--cyan:#00cbd7;--pink:#f41cbb;--shadow:0 14px 38px rgba(45,34,91,.055);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tajawal,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:15px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}input,textarea,select{outline:none;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;color:var(--ink);width:100%;transition:box-shadow .2s,border-color .2s}input:focus,textarea:focus,select:focus{border-color:#aa80f5;box-shadow:0 0 0 4px rgba(124,65,240,.09)}textarea{min-height:92px;resize:vertical}label{font-size:13px;font-weight:700;color:#49465e;display:flex;flex-direction:column;gap:7px}img{max-width:100%}.boot{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:18px}.boot img{width:130px;border-radius:50%}.spinner{border:3px solid #e8e4f4;border-top-color:#a52ffb;border-radius:50%;height:30px;width:30px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.grad{background:linear-gradient(115deg,#00cde7 0%,#3568ff 38%,#9605ee 70%,#f019aa 100%)}.text-grad{background:linear-gradient(110deg,#03bad6,#683df7,#f81abc);background-clip:text;color:transparent}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-brand{background:radial-gradient(circle at 22% 80%,rgba(0,224,244,.24),transparent 35%),radial-gradient(circle at 80% 12%,rgba(246,14,161,.3),transparent 42%),#101027;color:white;display:flex;align-items:center;justify-content:center;padding:50px}.auth-brand>div{max-width:480px}.auth-brand img{width:200px;border-radius:50%;box-shadow:0 18px 65px #0004}.auth-brand h2{font-size:38px;margin:28px 0 12px}.auth-brand p{color:#d4d1e8;line-height:2;font-size:18px}.auth-form-area{display:grid;place-items:center;padding:30px;background:linear-gradient(145deg,#fff,#f8f7fd)}.auth-card{width:min(430px,100%)}.auth-card h1{font-size:30px;margin:8px 0 10px}.auth-card .lead{color:var(--muted);line-height:1.8;margin-bottom:30px}.field-stack{display:grid;gap:17px}.input-hint{font-size:12px;color:var(--muted)}.auth-switch{color:#7944e8;text-decoration:underline;font-size:13px;cursor:pointer;display:inline-flex}.btn{border:0;border-radius:12px;padding:12px 19px;background:white;color:var(--ink);display:inline-flex;gap:9px;align-items:center;justify-content:center;font-weight:800;line-height:1.1;min-height:43px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:linear-gradient(105deg,#6640f8,#a515dc);color:white;box-shadow:0 10px 25px rgba(127,55,241,.17)}.btn-soft{background:#f1ecff;color:#6533d7}.btn-outline{border:1px solid var(--line);background:white}.btn-danger{background:#fff0f2;color:#e14164}.btn-block{width:100%}.btn-sm{padding:8px 10px;min-height:34px;border-radius:9px;font-size:12px}.layout{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{background:#111125;color:#f5f2ff;padding:23px 15px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin}.brand-row{display:flex;align-items:center;gap:11px;padding:4px 9px 25px}.brand-row img{height:49px;width:49px;border-radius:50%;background:white}.brand-row strong{font:900 20px Arial,sans-serif;letter-spacing:1px}.brand-row small{display:block;color:#c9bddf;font-size:11px;margin-top:5px;letter-spacing:2px}.side-label{font-size:11px;color:#8887a9;padding:20px 16px 9px;letter-spacing:.5px}.nav-item{width:100%;border:0;background:transparent;text-align:right;border-radius:11px;color:#b7b5ce;padding:11px 14px;display:flex;align-items:center;gap:13px;font-weight:700;margin:2px 0;transition:background .2s,color .2s}.nav-item:hover{color:white;background:#ffffff0e}.nav-item.active{color:white;background:linear-gradient(100deg,#5b3fe5a8,#d419ae42);box-shadow:inset -3px 0 #c44dff}.nav-ico{font-size:19px;width:23px;text-align:center}.side-foot{margin-top:auto;padding:18px 7px 8px;border-top:1px solid #ffffff17;color:#aaa9c6;font-size:12px}.main{padding:24px 31px 65px;max-width:1600px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.topbar .crumb{color:var(--muted);font-size:13px}.topbar h1{font-size:28px;margin:7px 0 0;font-weight:900}.topbar-actions{display:flex;align-items:center;gap:10px}.avatar{width:42px;height:42px;background:linear-gradient(130deg,#0bd1db,#903aef);color:white;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:900;flex-shrink:0}.profile{display:flex;align-items:center;gap:10px;border-inline-start:1px solid var(--line);padding-inline-start:14px}.profile strong{font-size:14px}.profile small{color:var(--muted);font-size:12px;display:block}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.section-heading h2{font-size:18px;margin:0}.section-heading p{font-size:13px;color:var(--muted);margin:5px 0 0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.card,.stat,.welcome,.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px}.stat{padding:21px}.stat small{color:var(--muted);font-weight:700}.stat strong{display:block;font-size:32px;margin-top:18px;font-weight:900}.stat .symbol{border-radius:14px;background:#f5efff;color:#7c3be4;width:42px;height:42px;display:grid;place-items:center;font-size:21px}.stat-head{display:flex;align-items:center;justify-content:space-between}.welcome{padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;overflow:hidden;position:relative}.welcome:after{content:'';width:360px;height:360px;border:50px solid #f5e4ff;border-radius:50%;position:absolute;left:-100px;bottom:-300px;opacity:.75}.welcome h2{font-size:27px;margin:0 0 12px}.welcome p{line-height:1.8;color:var(--muted);margin:0;max-width:620px}.welcome img{width:123px;border-radius:50%;position:relative;z-index:1}.cols-two{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.panel{padding:23px;overflow:hidden}.panel h3{font-size:17px;margin:0 0 19px}.empty{text-align:center;padding:45px 18px;color:var(--muted)}.empty .empty-icon{font-size:34px;display:block;margin-bottom:12px}.empty h3{color:var(--ink);font-size:17px;margin:10px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:right;min-width:650px}.data-table th{padding:15px 16px;color:#868299;background:#fbfaff;border-bottom:1px solid var(--line);font-size:12px}.data-table td{padding:14px 16px;border-bottom:1px solid #f0eff5;font-weight:600;font-size:13px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#fcfbff}.tag{font-size:12px;padding:6px 10px;display:inline-block;border-radius:9px;background:#f3f2f9;color:#66637c;white-space:nowrap}.tag.good{background:#e7faf4;color:#0b9974}.tag.warn{background:#fff4dd;color:#ae7920}.tag.bad{background:#feeaed;color:#d84561}.tag.blue{background:#eaf5ff;color:#316aaa}.actions{display:flex;gap:5px;flex-wrap:wrap;white-space:nowrap}.filters{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px}.search{max-width:330px}.muted{color:var(--muted)}.grid-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mini-card{border:1px solid var(--line);border-radius:17px;background:#fff;padding:20px}.mini-card h3{margin:0 0 8px}.mini-card small{color:var(--muted)}.mini-card .foot{margin-top:16px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.toast{position:fixed;bottom:25px;left:25px;padding:14px 20px;color:#fff;background:#211846;border-radius:13px;box-shadow:0 12px 35px #0003;z-index:50;display:none;max-width:420px}.toast.show{display:block}.toast.error{background:#b83256}.shade{position:fixed;inset:0;background:#111020ac;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.modal{width:min(600px,100%);max-height:92vh;overflow-y:auto;background:#fff;border-radius:22px;padding:26px;box-shadow:0 30px 100px #0005}.modal h2{font-size:23px;margin:0}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:23px}.close{border:0;background:#f5f3fa;border-radius:50%;font-size:22px;width:35px;height:35px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.full{grid-column:1/-1}.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.check-list{max-height:310px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:7px}.check-item{display:flex;gap:9px;align-items:center;font-size:12px;border:1px solid var(--line);padding:10px;border-radius:10px}.check-item input{width:15px;height:15px}.error-box{color:#b93153;background:#ffeef1;border:1px solid #ffcfdb;border-radius:12px;padding:12px 14px;line-height:1.7;margin-bottom:15px}.menu-toggle{display:none}.mobile-overlay{display:none}.detail-line{padding:12px;border-bottom:1px solid #f1eff6;display:flex;align-items:center;justify-content:space-between;gap:14px}.detail-line strong{font-size:13px}.detail-line span{color:var(--muted);word-break:break-word;font-size:13px;text-align:left}.right-tools{display:flex;gap:9px;align-items:center}.nowrap{white-space:nowrap}.tiny{font-size:11px}.loading{opacity:.65;pointer-events:none}.hintbox{background:#faf7ff;border:1px solid #e5dbff;border-radius:14px;padding:14px;line-height:1.8;color:#746391;margin-top:14px;font-size:13px}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.grid-cards{grid-template-columns:repeat(2,1fr)}.sidebar{width:225px}.layout{grid-template-columns:225px minmax(0,1fr)}}
@media(max-width:750px){.auth-wrap{grid-template-columns:1fr}.auth-brand{padding:23px 24px;min-height:235px}.auth-brand>div{text-align:center}.auth-brand img{width:88px}.auth-brand h2{font-size:21px;margin:8px 0}.auth-brand p{font-size:13px;margin:0}.auth-form-area{padding:30px 22px 65px;place-items:start center}.auth-card h1{font-size:24px}.layout{display:block}.sidebar{position:fixed;z-index:25;top:0;right:-275px;width:265px;transition:right .25s}.layout.menu-open .sidebar{right:0}.mobile-overlay{display:none}.layout.menu-open .mobile-overlay{display:block;position:fixed;inset:0;background:#110b3190;z-index:24}.main{padding:22px 16px 70px}.menu-toggle{display:inline-flex}.topbar h1{font-size:22px}.topbar .profile span{display:none}.stats,.cols-two,.grid-cards{grid-template-columns:1fr 1fr;gap:12px}.welcome{padding:23px}.welcome h2{font-size:21px}.welcome img{width:68px}.panel{padding:16px}.section-heading{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.full{grid-column:1}.modal{padding:19px}.check-list{grid-template-columns:1fr}.toast{left:15px;right:15px;bottom:15px}.topbar-actions .btn-outline{display:none}}
@media(max-width:460px){.stats{grid-template-columns:1fr 1fr}.stat{padding:13px}.stat strong{font-size:25px}.stat .symbol{width:31px;height:31px;font-size:16px}.cols-two,.grid-cards{grid-template-columns:1fr}.welcome img{display:none}.topbar .crumb{display:none}.filters{align-items:stretch;flex-direction:column}.search{max-width:100%}}
/* RAYO V5 — team chat, shared Drive explorer and private backup area */
.chat-shell{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:16px;min-height:610px;align-items:stretch}
.chat-rooms,.chat-main{background:var(--card,#fff);border:1px solid var(--border,#e8e7f0);border-radius:21px;overflow:hidden;box-shadow:0 7px 24px rgba(40,15,90,.045)}
.chat-rooms{display:flex;flex-direction:column;max-height:690px;overflow-y:auto;padding:8px}
.chat-sidehead{display:flex;justify-content:space-between;align-items:center;padding:17px 13px;font-weight:900}
.chat-sidehead span{color:#8650de;font-size:12px}
.chat-room{font-family:inherit;text-align:right;background:transparent;border:0;border-radius:15px;width:100%;display:flex;align-items:center;gap:10px;padding:12px 9px;cursor:pointer;color:inherit;margin-bottom:3px}
.chat-room:hover,.chat-room.selected{background:linear-gradient(90deg,rgba(0,209,221,.095),rgba(142,39,244,.09))}
.chat-circle{display:flex;align-items:center;justify-content:center;flex:none;width:45px;height:45px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#00cdd9,#7030f1,#f119c9);font-weight:900;font-size:19px}
.chat-room-label{display:flex;flex-direction:column;min-width:0;flex:1;gap:4px}
.chat-room-label strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-room-label small{color:var(--muted,#9390a3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.unread{background:#873bf4;color:#fff;border-radius:99px;font-size:11px;min-width:22px;height:22px;line-height:22px;text-align:center}
.chat-main{display:flex;flex-direction:column;min-width:0;max-height:690px;min-height:580px}
.chat-top{display:flex;align-items:center;gap:10px;padding:16px 19px;border-bottom:1px solid #edeaf5}
.chat-top strong,.chat-top small{display:block}.chat-top strong{font-size:16px}.chat-top small{color:#938ca8;font-size:11px;margin-top:5px}
.chat-history{flex:1;overflow:auto;padding:21px 24px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(ellipse at 10% 20%,#f3eeff 0,transparent 45%),radial-gradient(ellipse at 93% 90%,#e2fcff 0,transparent 50%),#fcfcff}
.chat-bubble{border-radius:16px 16px 5px 16px;align-self:flex-start;max-width:min(83%,490px);padding:12px 14px;background:#fff;border:1px solid #ece8f5;box-shadow:0 2px 5px #2407450a;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-bubble.mine{align-self:flex-end;border-radius:16px 16px 16px 5px;background:linear-gradient(115deg,#f6f0ff,#e8fdff);border-color:#dcd9fb}
.chat-bubble b{font-size:12px;color:#7b35ca}.chat-bubble p{font-size:14px;line-height:1.75;margin:6px 0}.chat-bubble small{font-size:10px;color:#8e879b}.chat-no-msg{margin:auto;color:#877b9c}
.chat-composer{padding:13px 17px;display:flex;align-items:center;gap:10px;border-top:1px solid #ebe6f6;background:#fff}
.chat-composer textarea{border-radius:15px;border:1px solid #e1dcf0;flex:1;resize:vertical;font-family:inherit;padding:13px;min-width:0;min-height:47px}
.chat-composer button{white-space:nowrap}
.chat-people{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:270px;overflow:auto;margin-top:11px}
.chat-people .check-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #e5dff2;border-radius:12px;padding:9px;cursor:pointer}
.chat-people small{color:#908c9c;font-size:11px}
.drive-bar{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:19px}
.drive-bar strong,.drive-bar small{display:block}.drive-bar small{font-size:12px;color:#a5a1ae;margin-top:7px}
.drive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px;margin-bottom:20px}
.file-tile{color:inherit;font-family:inherit;text-align:right;border:1px solid #e9e4f1;background:linear-gradient(145deg,#fff,#f9f8ff);padding:17px 14px;border-radius:16px;min-height:155px;display:flex;flex-direction:column;gap:7px;align-items:flex-start;cursor:pointer}
.file-tile:hover{border-color:#aa83ed;box-shadow:0 7px 20px #6e2fcd12}.file-tile strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.file-tile small{font-size:11px;color:#868097}.file-tile a{font-size:12px;color:#7336c6;margin-top:auto}.file-ico{font-size:26px}
@media(max-width:820px){.chat-shell{grid-template-columns:1fr;gap:12px}.chat-rooms{max-height:210px;min-height:130px}.chat-main{min-height:490px;max-height:540px}.chat-people{grid-template-columns:1fr}.chat-history{padding:13px}.chat-bubble{max-width:90%}}