@import url("/fonts/tajawal.css");
:root{--accent:#6257df;--accent-dark:#4d43c1;--text:#252a43;--muted:#85899e;--line:#eeedf5;--surface:#fff;--bg:#f6f6fb;--shadow:0 8px 30px #27214905}*{box-sizing:border-box}body{margin:0;font-family:'Tajawal',Tahoma,Arial,sans-serif;font-size:15px;background:var(--bg);color:var(--text);line-height:1.6}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}a,button,input,select{outline-offset:4px}input,select{width:100%;padding:12px 14px;border:1px solid #e3e3ee;border-radius:10px;background:#fff;color:var(--text);transition:border .2s,box-shadow .2s}input:focus,select:focus{border-color:#a79cf4;outline:none;box-shadow:0 0 0 4px #6257df12}input::placeholder{color:#a3a5b7}label{display:block;font-size:14px;font-weight:500;margin-bottom:21px}label input,label select{margin-top:9px}button,a{touch-action:manipulation}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.app{min-height:100vh}.app aside{position:fixed;inset:0 0 0 auto;width:258px;background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;padding:35px 22px;z-index:30}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;border-radius:14px;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 7px 17px #6257df25}.brand-mark .icon{width:26px;height:26px}.brand b{display:block;font:800 25px/1.1 Arial,sans-serif;letter-spacing:-1px}.brand-dot{color:var(--accent)}.brand small{display:block;font-size:12px;font-weight:400;color:#9799ab;margin-top:7px}.nav-label{font-size:11px;color:#a5a7b7;margin:48px 15px 12px}.nav{display:grid;gap:9px}.nav a{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:11px;color:#7c8094;font-size:14px;font-weight:500;transition:background .2s,color .2s}.nav a:hover{background:#f8f7ff;color:var(--accent)}.nav a.selected{background:#eeebff;color:var(--accent);font-weight:700}.nav-arrow{margin-right:auto;font-size:24px;line-height:1}.side-bottom{margin-top:auto;padding-top:35px}.side-note{border-radius:14px;padding:22px 17px 16px;background:linear-gradient(135deg,#f2f0ff,#f8f7fd)}.side-note>.icon{display:block;color:#8d80e7;margin-bottom:12px;width:27px;height:27px}.side-note b{font-size:13px}.side-note p{font-size:11px;color:#9390ab;line-height:1.9;margin:8px 0 0}.side-domain{display:flex;align-items:center;gap:10px;padding:22px 12px 0;color:#9294a5;font:12px Arial,sans-serif}.status-dot{width:7px;height:7px;background:#40b98c;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #40b98c12;flex-shrink:0}.app main{margin-right:258px;min-width:0}.topbar{height:90px;padding:0 42px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{display:flex;align-items:center;gap:16px;font-size:12px;color:#9699ab}.breadcrumb b{color:#5d6178;font-weight:500}.breadcrumb-separator{color:#d0d0df}.identity{display:flex;gap:12px;align-items:center}.avatar{height:40px;width:40px;background:#eeebff;color:var(--accent);border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:700}.identity-name{font-size:13px;font-weight:600}.identity-name small{display:block;font-size:10px;color:#999bad;font-weight:400;margin-top:2px}.icon-button{width:35px;height:35px;background:none;color:#9496a8;display:grid;place-items:center;border-radius:9px}.icon-button:hover{background:#f4f2ff;color:var(--accent)}.identity form{border-right:1px solid var(--line);padding-right:12px;margin-right:7px}.main-content{max-width:1560px;padding:33px 42px 20px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.eyebrow{font:600 10px Arial,sans-serif;letter-spacing:2px;color:#9b99b5}h1{font-size:30px;letter-spacing:-.7px;line-height:1.5;margin:7px 0 4px}h2{font-size:19px;font-weight:700;margin:0 0 7px}p{margin:0}.page-heading p{font-size:13px;color:var(--muted)}.workspace-badge{display:flex;align-items:center;gap:10px;padding:9px 14px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:11px;color:#85889b}.workspace-hero{position:relative;background:linear-gradient(112deg,#8171e8,#6156d8 55%,#5147be);border-radius:16px;color:#fff;padding:25px 30px;margin-bottom:25px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:145px;box-shadow:0 7px 24px #6355d91b}.workspace-hero:after{content:'';position:absolute;width:400px;height:400px;border:1px solid #ffffff10;border-radius:50%;left:-40px;top:-220px;box-shadow:0 0 0 50px #ffffff04,0 0 0 110px #ffffff03;pointer-events:none}.hero-eyebrow{font-size:11px;color:#ddd8ff}.workspace-hero h2{font-size:23px;margin:8px 0}.workspace-hero p{font-size:12px;color:#d9d3fc}.hero-art{position:relative;width:150px;height:95px;flex-shrink:0;z-index:1;transform:rotate(-9deg)}.hero-art>.icon{width:100px;height:85px;fill:#ffffff17;stroke:#ddd6ff;stroke-width:1}.hero-art>span{position:absolute;left:5px;bottom:-4px;display:grid;place-items:center;width:51px;height:60px;background:#a498ef;border:1px solid #c4bafb;border-radius:10px;transform:rotate(19deg);box-shadow:0 10px 20px #30279c25}.hero-art span .icon{width:27px;height:27px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:25px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px 24px;box-shadow:var(--shadow)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#8b8da0}.stat-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px}.lavender{background:#eeebff;color:#8270da}.mint{background:#e7f7ef;color:#46ad8b}.peach{background:#fff1e5;color:#e9a15a}.stat strong{font-size:29px;font-weight:700;display:block;line-height:1.3;margin:8px 0 9px}.stat em{font-size:12px;font-style:normal;font-weight:400;color:#a0a2b2;margin-right:5px}.stat strong.role{font-size:24px;margin-top:12px}.stat small{font-size:11px;color:#a1a3b5}.upload-zone{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;background:#fcfbff;border:1.5px dashed #d3cdf0;border-radius:14px;margin-bottom:28px;transition:background .2s,border .2s}.upload-zone.drag{background:#ece7ff;border-color:var(--accent)}.upload-content{display:flex;align-items:center;gap:20px}.upload-icon{height:60px;width:60px;border-radius:15px;background:#eeebff;display:grid;place-items:center;color:var(--accent)}.upload-icon .icon{width:27px;height:27px}.upload-zone h2{font-size:17px;margin-bottom:4px}.upload-zone p{font-size:12px;color:#9691b0}.upload-limit{font-size:10px;color:#aca6be}.upload-controls{display:flex;align-items:center;gap:10px}.primary,.choose-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:11px 19px;border-radius:9px;font-size:13px;font-weight:600;white-space:nowrap}.primary{background:var(--accent);color:white;box-shadow:0 4px 10px #6257df14;transition:background .2s,transform .2s}.primary:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}.primary .icon{width:17px;height:17px}.choose-button{margin:0;background:#fff;color:var(--accent);border:1px solid #ddd8f0;cursor:pointer}.choose-button:hover{background:#f4f1ff}.choose-button .icon{width:16px;height:16px}.selected-files{width:100%;display:flex;flex-wrap:wrap;gap:8px}.selected-files:empty{display:none}.file-chip{background:#eeebff;padding:5px 12px;border-radius:7px;font-size:11px;color:#70669f;max-width:100%;overflow-wrap:anywhere}#upload-progress{width:100%;font-size:12px;color:var(--accent)}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.upload-zone:focus-within{border-color:var(--accent)}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:20px;overflow:hidden;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 26px}.panel-head h2{display:flex;gap:10px;align-items:center;font-size:17px}.muted{font-size:12px;color:var(--muted);line-height:1.9}.count-badge{font:500 11px Arial,sans-serif;color:#9285d6;background:#f0edfb;padding:4px 8px;border-radius:6px;vertical-align:middle}.search{width:300px;display:flex;align-items:center;border:1px solid #e9e7f1;border-radius:9px;padding:4px 9px;gap:5px;background:#fcfcfe}.search>.icon{width:17px;height:17px;color:#a5a4b8}.search input{border:0;background:none;padding:7px;min-width:0;font-size:12px;box-shadow:none}.subtle{background:#f0edfa;color:#8a7dbb;border-radius:6px;padding:7px 12px;font-size:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap}th{padding:13px 26px;background:#fafafd;border-block:1px solid var(--line);color:#a0a1b1;font-size:11px;font-weight:500}td{padding:18px 26px;font-size:12px;border-bottom:1px solid #f4f3f8;color:#75788e}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fdfcfe}.file-name{display:flex;gap:12px;align-items:center}.file-icon{width:40px;height:46px;border-radius:9px;background:#f1edff;color:#9a88d5;display:grid;place-items:center}.file-icon .icon{width:22px;height:22px}.file-name b{color:#565a74;font-size:12px;font-weight:500;display:block;max-width:270px;overflow:hidden;text-overflow:ellipsis}.file-name small,.time{display:block;font-size:9px;color:#a8a8b8;margin-top:3px}.file-name small{font-family:Arial,sans-serif;letter-spacing:.7px}.owner-dot{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ecf4ef;color:#7a9a88;font-size:10px;margin-left:7px}.actions{display:flex;align-items:center;gap:12px}.download{display:flex;align-items:center;gap:5px;font-size:11px;color:#8175bd}.download .icon{width:16px;height:16px}.danger{background:#fff1f3;color:#d48793;border-radius:6px;padding:7px;display:inline-flex;align-items:center;gap:5px;font-size:11px}.danger .icon{width:15px;height:15px}.danger:hover{background:#ffe4e9;color:#be5267}.empty{text-align:center;padding:45px 20px 35px}.empty-art{position:relative;display:inline-flex;padding:18px 25px;background:#f5f1ff;border-radius:25px;margin-bottom:12px;color:#b4a0e1}.empty-art>.icon{width:54px;height:48px;stroke-width:1.1;fill:#ece3fa}.empty-art>span{position:absolute;bottom:11px;left:12px;width:22px;height:22px;border-radius:50%;background:#9d87d8;color:#fff;font-size:18px;line-height:22px}.empty h3{font-size:16px;font-weight:500;color:#71708a;margin:5px 0 6px}.empty p{font-size:11px;color:#aaa5ba}.empty-link{font-size:11px;color:#8c75c2;cursor:pointer;display:inline-flex;align-items:center;gap:7px;margin:14px 0 0}.empty-link .icon{width:15px;height:15px}.pagination{border-top:1px solid var(--line);padding:16px 26px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#a2a0b4}.pagination>div{display:flex;gap:20px}.pagination a{color:#8b7bc0}.user-form{padding:24px 26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:20px;border-top:1px solid var(--line)}.user-form label{margin:0;font-size:12px;color:#7b7e95}.user-form>.primary{justify-self:start;align-self:end}.section-title{font-size:19px;margin:33px 0 18px;display:flex;align-items:center;gap:10px}.heading-icon{width:34px;height:34px;background:#f1eeff;border-radius:10px;display:grid;place-items:center;color:#8b79c9;margin-left:3px}.heading-icon .icon{width:19px;height:19px}.member-head{padding:20px 26px;display:flex;align-items:center;gap:12px}.member-head b{font-size:13px}.member-head small{display:block;font:11px Arial,sans-serif;color:#a4a2b4;margin-top:4px}.member-status{font-size:10px;border-radius:20px;padding:5px 12px;display:inline-block}.member-head .member-status{margin-right:auto}.member-status.active{background:#eaf7f0;color:#6fa58a}.member-status.inactive{background:#fff0ef;color:#c18785}.account-grid{display:grid;grid-template-columns:300px 1fr;gap:25px;align-items:start;max-width:1000px}.profile-card{text-align:center;padding:35px 20px}.profile-avatar{display:grid;place-items:center;width:78px;height:78px;background:#eee9ff;color:#8b75cb;border-radius:25px;font-size:35px;margin:0 auto 18px}.profile-card .member-status{margin-top:15px}.account{padding:28px 32px;max-width:600px}.account-note{margin-bottom:25px}.account h2{font-size:19px}.account label{font-size:13px}.notice,.error{border-radius:11px;padding:16px 20px;margin-bottom:22px;font-size:12px;line-height:1.9}.notice{background:#eff2fc;color:#7979a3;display:flex;align-items:center;gap:10px;border:1px solid #e4e8f6}.notice .icon{width:19px;height:19px}.error{background:#fff0f2;color:#bd6575;border:1px solid #f8dce2}footer{display:flex;justify-content:space-between;color:#b0aabc;font-size:10px;margin-top:28px;padding-bottom:8px}.mobile-menu{display:none}.login-page{display:flex;min-height:100vh;background:#fff}.login-intro{position:relative;isolation:isolate;width:49%;background:linear-gradient(145deg,#5443b4,#6550cb 50%,#8976e1);color:white;padding:43px 8%;display:flex;flex-direction:column;overflow:hidden;min-height:100vh}.login-intro:before,.login-intro:after{content:'';position:absolute;z-index:-1;border:1px solid #ffffff0c;border-radius:50%;width:650px;height:650px;right:-300px;bottom:-330px;box-shadow:0 0 0 90px #ffffff04,0 0 0 180px #ffffff03}.login-intro:after{width:300px;height:300px;right:auto;left:-200px;top:-80px}.login-intro .brand-mark{background:#ffffff17;box-shadow:none;border:1px solid #ffffff1f}.login-intro .brand small{color:#cfc4f9}.login-copy{margin:auto 0;padding:45px 0 15px}.intro-tag{display:inline-block;font-size:10px;color:#ded5ff;background:#ffffff0e;border:1px solid #ffffff16;border-radius:20px;padding:6px 12px}.login-intro h1{font-size:47px;font-weight:800;line-height:1.4;letter-spacing:-1.5px;margin:23px 0 18px}.login-intro h1 span{color:#d2c6ff}.login-copy>p{font-size:13px;color:#d7ccf6;line-height:2;max-width:350px}.file-illustration{position:relative;width:330px;max-width:100%;height:240px;margin:35px auto 0}.illustration-main{position:absolute;top:35px;right:10px;width:280px;max-width:90%;background:#fff;color:#5d5975;border-radius:15px;padding:20px;box-shadow:0 25px 50px #35218230;transform:rotate(-5deg);display:flex;align-items:center;gap:11px}.file-tile{width:39px;height:39px;border-radius:10px;display:inline-grid;place-items:center;flex-shrink:0}.file-tile .icon{width:22px;height:22px}.illustration-main b{font-size:13px}.illustration-main small{font-size:8px;display:block;color:#aaa4b6}.illustration-dots{margin-right:auto;color:#c6bfd5;font-size:11px}.illustration-files{position:absolute;right:0;left:0;top:73px;background:#fff;border-radius:0 0 15px 15px;padding:10px 20px 23px;display:flex;gap:12px;box-shadow:0 20px 25px #35218218}.illustration-files>span{flex:1;padding:15px 10px 9px;background:#f5f2fc;border-radius:9px;display:grid;justify-items:center;gap:6px}.illustration-files .icon{width:28px;height:30px;color:#bbabd7;stroke-width:1.25;margin-bottom:2px}.illustration-files i{display:block;width:35px;height:3px;background:#ded6ef;border-radius:5px}.illustration-files i:last-child{width:24px;background:#e7e1f2}.floating-card{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:11px 14px;box-shadow:0 10px 25px #39278c20;color:#6e6782;font-size:11px}.floating-card small{display:block;font-size:8px;color:#a49daf}.small-card{left:-7px;top:2px;transform:rotate(5deg)}.upload-card{right:-10px;bottom:0;transform:rotate(4deg)}.mini-check{background:#e7f7ed;color:#86bd99;width:19px;height:19px;border-radius:50%;font-size:11px;text-align:center;margin-right:18px}.intro-footer{display:flex;align-items:center;gap:10px;font-size:10px;color:#d0c1f4;padding-top:15px}.intro-footer .icon{width:17px;height:17px}.login-form{flex:1;display:flex;align-items:center;justify-content:center;padding:45px}.card{width:100%;max-width:370px}.welcome-icon{height:53px;width:53px;background:#f0edff;color:#9987d2;border-radius:15px;display:grid;place-items:center;margin-bottom:25px}.welcome-icon .icon{height:28px;width:28px}.card .eyebrow{display:block;font:500 12px 'Tajawal',Tahoma,sans-serif;letter-spacing:0;color:#a79bbd}.card h2{font-size:30px;font-weight:700;margin:9px 0 4px;letter-spacing:-.5px}.card>.muted{font-size:13px;color:#a49bb1}.card form{margin-top:30px}.card label{font-size:12px;color:#7d758e}.card input{font-size:13px;padding:13px 15px;min-height:48px}.password-input{position:relative;margin-top:9px}.password-input input{margin:0;padding-left:45px}.password-toggle{position:absolute;top:8px;left:8px;width:33px;height:33px;border-radius:7px;background:none;color:#b4abca}.password-toggle:hover{background:#f3f0fb}.password-toggle .icon{width:18px;height:18px}.full{width:100%;min-height:48px}.login-hint{border-top:1px solid var(--line);margin-top:28px;padding-top:24px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#a49ab5}.login-hint .icon{width:17px;height:17px}.login-domain{display:block;text-align:center;color:#c4bace;font-size:10px;margin-top:24px}@media(min-width:1600px){.login-intro{padding-inline:10%}.login-intro h1{font-size:58px}}@media(max-width:1200px){.app aside{width:230px;padding-inline:18px}.app main{margin-right:230px}.topbar{padding-inline:28px}.main-content{padding-inline:28px}.upload-zone{gap:15px}.upload-controls{margin-right:auto}.login-intro{padding-inline:6%}.login-intro h1{font-size:40px}.user-form{grid-template-columns:repeat(2,minmax(0,1fr))}.account-grid{grid-template-columns:250px 1fr}}@media(max-width:900px){.app aside{width:205px;padding-inline:14px}.app main{margin-right:205px}.brand b{font-size:22px}.brand-mark{width:39px;height:39px}.nav a{gap:10px;padding:12px}.topbar{padding-inline:22px}.main-content{padding-inline:22px}.stats{gap:12px}.stat{padding:17px}.stat strong{font-size:24px}.stat strong.role{font-size:20px}.stat-top>span:first-child{font-size:10px}.stat-icon{width:30px;height:30px}.stat-icon .icon{width:17px;height:17px}.stat small{font-size:9px}.account-grid{grid-template-columns:1fr}.profile-card{display:none}.panel-head{flex-wrap:wrap}.search{width:100%}.login-intro{padding-inline:35px}.login-intro h1{font-size:36px}.login-form{padding:32px}.file-illustration{transform:scale(.85);transform-origin:center}.page-heading h1{font-size:26px}.workspace-hero h2{font-size:21px}}@media(max-width:700px){.app aside{transform:translateX(100%);width:235px;transition:transform .2s;box-shadow:-15px 0 45px #29204312}.app main{margin-right:0}.menu-open .app aside{transform:translateX(0)}.mobile-menu{display:grid;place-items:center;height:35px;width:35px;padding:7px}.mobile-menu .icon{width:20px;height:20px}.topbar{height:74px;padding-inline:17px;position:relative;z-index:40}.breadcrumb{gap:10px;font-size:10px}.identity-name{font-size:11px}.identity-name small{font-size:9px}.identity{gap:8px}.avatar{width:33px;height:33px;font-size:15px}.identity form{padding-right:6px;margin-right:0}.identity .icon-button{width:29px}.main-content{padding:24px 17px 15px}.workspace-badge{display:none}.page-heading{margin-bottom:20px}.page-heading p{font-size:12px}.workspace-hero{padding:22px 20px;min-height:135px}.workspace-hero h2{font-size:19px}.hero-art{width:85px;transform:scale(.8);transform-origin:left}.workspace-hero p{font-size:11px;max-width:210px}.stats{grid-template-columns:1fr;gap:10px}.stat{position:relative;padding:16px 19px}.stat-top{justify-content:start;gap:15px}.stat-icon{position:absolute;left:22px;top:25px;width:45px;height:45px}.stat-icon .icon{width:23px;height:23px}.stat-top>span:first-child{font-size:12px}.stat strong,.stat strong.role{font-size:24px;margin:5px 0}.stat small{font-size:10px}.upload-zone{padding:20px;gap:18px}.upload-content{gap:13px}.upload-icon{width:48px;height:48px}.upload-zone h2{font-size:15px}.upload-controls{margin:0;width:100%;justify-content:flex-end}.primary,.choose-button{font-size:12px;padding-inline:16px}.panel-head{padding:20px}.panel-head h2{font-size:16px}.user-form{padding:20px;gap:18px;grid-template-columns:1fr}.user-form>.primary{justify-self:stretch}.member-head{padding:18px 20px}th,td{padding-inline:18px}.account{padding:24px}.notice{padding:14px;font-size:11px}footer{gap:20px;font-size:9px}.login-intro{display:none}.login-form{min-height:100vh;padding:35px 25px;background:radial-gradient(ellipse at top,#f2efff,white 55%)}.card{max-width:380px}.card h2{font-size:30px}.welcome-icon{margin-bottom:30px}.login-hint{font-size:11px}.pagination{padding:14px 18px}.file-name b{max-width:220px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

@media(max-width:700px){.topbar{position:sticky;top:0}.menu-open .app aside{padding-top:98px}}

.service-link{margin-bottom:20px}.control-section{margin-top:28px}.control-heading{margin-bottom:18px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.service-card{padding:24px}.service-card-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px}.service-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;flex-shrink:0}.service-card h3{font:700 18px Arial,sans-serif;margin:0 0 9px}.toggle-form{margin-right:auto;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.service-switch{width:49px;height:28px;padding:3px;background:#dddce7;border-radius:20px;display:flex;align-items:center;justify-content:flex-end;transition:background .2s}.service-switch span{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0001}.service-switch.on{background:#6257df;justify-content:flex-start}.duration-label{font-size:10px;margin:0;display:flex;align-items:center;gap:6px;color:#9590a7}.duration-label select{font-size:11px;width:84px;padding:4px;margin:0}.service-address{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#f8f7fc;border-radius:9px;margin-bottom:14px;font-size:11px;color:#9b96ac}.service-address b{font:500 12px Arial,sans-serif;color:#807494}.service-expiry{font-size:10px;color:#aaa1b9;margin-top:12px}.service-card .empty-link{margin-bottom:0}@media(max-width:900px){.service-grid{grid-template-columns:1fr}}@media(max-width:700px){.service-card{padding:20px}.service-card-head{gap:10px}.duration-label{flex-direction:column;align-items:flex-end}}

.share-result{padding:22px 26px}.share-result h2{display:flex;align-items:center;gap:9px;font-size:16px}.share-url{display:flex;gap:10px;margin-top:15px}.share-url input{min-width:0;font:12px Arial,sans-serif;color:#827797}.share-button{display:inline-flex;gap:5px;align-items:center;background:#f1edfc;color:#8574b6;font-size:11px;padding:7px 10px;border-radius:7px;white-space:nowrap}.share-button .icon{width:15px;height:15px}.revoke-link{background:none;color:#bd8c94;font-size:10px;padding:7px 0;white-space:nowrap}.copy-fallback{min-width:240px;font:11px Arial,sans-serif}.actions{flex-wrap:wrap}.share-result .muted{overflow-wrap:anywhere}@media(max-width:700px){.share-result{padding:20px}.share-url{flex-wrap:wrap}.share-url input{flex:1 0 100%}.share-url button{margin-right:auto}}

.share-controls{display:inline-flex;align-items:center;gap:12px;min-width:225px;min-height:32px}.action-toast{position:fixed;bottom:26px;left:26px;z-index:100;background:#34304d;color:#fff;border-radius:11px;box-shadow:0 8px 30px #24203525;padding:14px 20px;font-size:13px;max-width:min(420px,calc(100vw - 36px));line-height:1.8;overflow-wrap:anywhere}.action-toast.is-error{background:#9c465c}.action-toast[hidden]{display:none}@media(max-width:700px){.action-toast{bottom:18px;left:18px;font-size:12px}}

.url-import summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:21px 26px;list-style:none}.url-import summary::-webkit-details-marker{display:none}.url-import summary b{font-size:15px}.url-import summary small{display:block;color:#aba3bd;font:10px Arial,sans-serif;margin-top:5px}.import-chevron{margin-right:auto;color:#a49cb5;font-size:22px}.url-import[open] .import-chevron{transform:rotate(180deg)}.url-import form{padding:0 26px 24px;border-top:1px solid var(--line)}.url-import-fields{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:22px}.url-import label{font-size:12px;margin-bottom:0;color:#858097}.url-field>small{display:block;margin-top:8px;font-size:10px}.remote-credentials{margin-top:20px;background:#faf9fd;border-radius:10px;padding:15px 18px}.remote-credentials .url-import-fields{grid-template-columns:1fr 1fr;margin-top:12px}.sftp-fingerprint{grid-column:1/-1}.url-import-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.url-import-footer .muted{font-size:10px}.import-result{border-radius:9px;padding:12px;margin-top:20px;background:#eef7f1;color:#6f9b85;font-size:12px}.import-result.error-state{background:#fff0f2;color:#bd6575}.url-import [hidden]{display:none}.url-import form[aria-busy=true] .primary .icon{animation:import-pulse 1s infinite alternate}@keyframes import-pulse{from{opacity:.4}to{opacity:1}}@media(max-width:700px){.url-import summary{padding:20px}.url-import form{padding:0 20px 20px}.url-import-fields,.remote-credentials .url-import-fields{grid-template-columns:1fr}.url-import-footer{flex-wrap:wrap}.url-import-footer button{margin-right:auto}.upload-controls{flex-wrap:wrap}}