@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0a1220;--panel:#142237;--panel2:#182a43;--line:#2a405a;--text:#ecf4ff;--muted:#a9bed4;--mint:#55e0c2;--danger:#ef6d83}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 95% 55% at 100% 0%,#19344a 0%,transparent 65%),var(--bg);color:var(--text);font:14px/1.8 'Cairo',Tahoma,sans-serif;min-height:100vh}button,input,select{font:inherit}button,a.button{cursor:pointer;transition:background .16s,transform .16s}button:active,a.button:active{transform:translateY(1px)}a{color:var(--mint);text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100vh;display:flex}.sidebar{width:245px;position:sticky;top:0;height:100vh;border-left:1px solid var(--line);background:#0d1a2b;padding:24px 16px;display:flex;flex-direction:column;flex-shrink:0}.logo{display:flex;align-items:center;gap:11px;color:#fff;padding:10px 5px 26px}.logo:hover{text-decoration:none}.logo strong{font-family:Arial,sans-serif;font-size:21px;display:block}.logo small{color:#9cafc4;font-size:10px;display:block;direction:ltr;text-align:right}.logo-mark,.top-star{background:var(--mint);color:#0a2830;width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font-size:25px}.side-caption{font-size:11px;color:#7890aa;margin:14px 10px}.side-nav{display:grid;gap:7px}.side-nav a{color:#bfd0e2;padding:12px 14px;border-radius:11px;font-weight:700;display:flex;align-items:center;gap:13px}.side-nav a.on,.side-nav a:hover{background:#1e354c;color:var(--mint);text-decoration:none}.sidebar-bottom{margin-top:auto}.sidebar-bottom button{width:100%;text-align:right}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:75px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:0 clamp(18px,3vw,40px);background:#0f1d30bb}.top-brand{display:none;align-items:center;gap:10px;font:800 19px Arial,sans-serif}.top-star{width:30px;height:30px;font-size:19px}.top-sub{font-size:13px;color:#9ab0c5}.content{width:100%;max-width:1400px;margin:0 auto;flex:1;padding:30px clamp(16px,3vw,40px) 65px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.page-heading h1{font-size:30px;margin:2px 0}.page-heading p{margin:0;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--mint);font-family:Arial,sans-serif;font-weight:bold}.panel{background:linear-gradient(140deg,#172840,#111e31);border:1px solid var(--line);border-radius:17px;padding:24px;margin-bottom:21px;box-shadow:0 10px 28px #030b1625}h1{line-height:1.4}h2{font-size:19px;margin:0 0 14px}p{line-height:1.9}.muted{color:var(--muted)}.small{font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:25px}.stat-card{display:grid;gap:5px;background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:17px;color:#fff}.stat-card:hover{text-decoration:none;border-color:#4c918b}.stat-card span{color:#c2d2e1}.stat-card strong{font-size:38px;line-height:1.4}.stat-card small{color:var(--mint)}.upload-panel{display:flex;align-items:center;justify-content:space-between;gap:22px}.upload-panel p{margin:0}.upload-form,.create-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.upload-form input{max-width:330px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.panel-header h2{margin:0}.search-row{display:flex;gap:8px}.search-row input{min-width:160px;max-width:240px}.file-list{display:grid}.file-item{padding:18px 0;border-bottom:1px solid #294059;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.file-item:last-child{border:0}.file-main{display:flex;gap:14px;min-width:230px;flex:1}.file-icon{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;border-radius:13px;background:#244254;color:#65dec5;font-size:23px}.file-meta{min-width:0;display:grid;gap:3px}.file-meta strong{overflow-wrap:anywhere;font-weight:700;font-size:14px}.file-meta span,.file-url{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.file-url{color:var(--mint)}.item-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.item-actions form{margin:0}.settings-panel{width:100%;background:#0c1a2b;border:1px solid var(--line);border-radius:13px;padding:19px;margin-top:5px}.settings-panel[hidden]{display:none}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.checkbox-row{display:flex;align-items:center;gap:7px;margin:16px 0}label{display:block;font-size:12px;color:#c2d1e1;margin:0 0 6px}input,select{background:#0a1728;color:#fff;border:1px solid #3b516b;border-radius:10px;padding:10px 12px;outline:none;width:100%;min-width:0}input:focus,select:focus{border-color:var(--mint);box-shadow:0 0 0 3px #55e0c222}input[type=checkbox]{width:auto;accent-color:var(--mint)}input[type=file]{font-size:12px}.button,button{border:0;background:var(--mint);color:#092934;border-radius:10px;padding:10px 16px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;gap:7px}.button:hover,button:hover{filter:brightness(1.08);text-decoration:none}.btn-secondary{background:#2c4059!important;color:#f1f6ff!important}.btn-danger{background:#82374e!important;color:#fff!important}.logout{background:#192d43;color:#c1d1e1}.total-pill{font-size:12px;padding:7px 12px;background:#17382f;color:#74e8ca;border-radius:99px}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;padding-top:20px;font-size:12px}.pagination a{background:#253f56;padding:7px 13px;border-radius:8px}.empty-state{text-align:center;color:var(--muted);padding:40px 12px}.toast{background:#123d41;border:1px solid #397e76;color:#d9fff4;border-radius:13px;padding:13px 17px;box-shadow:0 12px 24px #0005;font-size:13px}.server-toast{position:fixed;left:24px;bottom:24px;z-index:50;max-width:min(410px,90vw)}.toast-stack{position:fixed;left:24px;bottom:24px;z-index:90;display:grid;gap:8px;max-width:90vw}.toast-stack .toast{animation:pop .2s ease}.confirm-dialog{border:1px solid #3b526b;border-radius:17px;background:#17263b;color:#fff;max-width:430px;width:calc(100% - 24px);padding:25px;box-shadow:0 20px 80px #0008}.confirm-dialog::backdrop{background:#0009}.confirm-dialog h3{margin:0;font-size:21px}.confirm-dialog p{color:#bac9d9}.dialog-actions{display:flex;gap:9px;justify-content:flex-end}.footer{text-align:center;color:#8199b3;font-size:11px;padding:22px}.download-wrap{width:min(510px,100%);margin:clamp(42px,8vh,100px) auto;background:linear-gradient(160deg,#192f47,#102035);border:1px solid var(--line);border-radius:23px;padding:38px 32px;text-align:center;box-shadow:0 22px 60px #0003}.download-wrap h1{font-size:26px;margin:15px 0 6px}.download-wrap .filename{font-weight:bold;overflow-wrap:anywhere}.download-icon{width:72px;height:72px;border-radius:18px;background:#1b514c;display:grid;place-items:center;margin:auto;color:#7af6d7;font-size:40px}.download-wrap form{text-align:right;margin-top:25px}.download-wrap label{font-size:13px}.download-wrap input{margin-bottom:15px}.full{width:100%;margin-top:17px}.notice{padding:12px;color:#f4df9e;background:#463a20;border-radius:12px;margin-top:20px}.login{max-width:480px;margin:6vh auto}.login label{margin-top:14px}.login button{margin-top:18px}.create-form input{flex:1;min-width:220px}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.menu-toggle{display:none}.target-url{max-width:480px;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.start-panel{margin-top:5px}@keyframes pop{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}@media(max-width:1050px){.upload-panel{flex-direction:column;align-items:stretch}.panel-header{align-items:stretch;flex-direction:column}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:fixed;right:-270px;z-index:100;transition:right .2s;box-shadow:-20px 0 40px #0005}.sidebar.is-open{right:0}.top-brand,.menu-toggle{display:flex}.top-sub{margin-right:auto}.menu-toggle{background:#213b52;color:#fff;padding:7px 12px}.content{padding:20px 15px 40px}.stat-grid{grid-template-columns:1fr}.panel{padding:18px}.file-item{align-items:flex-start}.item-actions{width:100%;justify-content:flex-start}.settings-grid{grid-template-columns:1fr}.page-heading h1{font-size:24px}.upload-form input{max-width:100%}.download-wrap{padding:25px 18px}.search-row input{flex:1}.server-toast,.toast-stack{left:12px;bottom:12px}}

/* V4: accessible error states and developer credit */
.footer a{color:#9debdc;font-weight:700;unicode-bidi:isolate}.footer a:hover{color:#d2fff3}.footer-separator{padding:0 7px;color:#64819d}.error-card{max-width:550px}.error-icon{background:#4a2936;color:#ffc1cf;font-size:35px;font-weight:800}.error-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:24px auto 14px}.error-actions .button,.error-actions button{min-width:140px}.error-card>p{max-width:430px;margin:16px auto}.download-wrap .eyebrow{margin-top:18px}@media(max-width:540px){.error-actions{flex-direction:column}.error-actions .button,.error-actions button{width:100%}}