:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f7f9fc,#f3f6fa)}a{color:inherit}button,input,select{font:inherit}.topbar{height:72px;padding:0 max(20px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:#0b1220;color:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#3b82f6,#1d4ed8);box-shadow:0 5px 14px #2563eb55;color:#fff;font-weight:900}.brand span:last-child{display:flex;flex-direction:column;line-height:1.1}.brand strong{font-size:15px;letter-spacing:.08em}.brand small{font-size:10px;color:#94a3b8;margin-top:4px;letter-spacing:.05em}.top-actions{display:flex;align-items:center;gap:14px}.readonly{font-size:12px;color:#b9c4d5;padding:7px 10px;border:1px solid #263247;border-radius:99px}.readonly i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e20}.logout{font-size:13px;text-decoration:none;font-weight:700;color:#e2e8f0}main{width:min(1120px,100%);margin:auto;padding:38px 22px 110px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:34px}.eyebrow{display:block;color:#3b6ad8;font-size:11px;font-weight:800;letter-spacing:.13em;margin-bottom:7px}.page-head h1,.page-title h1{font-size:30px;line-height:1.15;margin:0;color:#101828;letter-spacing:-.035em}.page-head p,.page-title p,.section-head p{color:#667085;margin:8px 0 0;font-size:14px}.sync-state{display:flex;align-items:center;gap:10px;background:#ecfdf3;border:1px solid #c6f1d7;border-radius:14px;padding:12px 16px;min-width:220px}.sync-state>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;color:#fff;background:#18a45b;font-weight:900}.sync-state div,.service-copy,.status-title>div,.item-main,.sender-row>div,.chat-meta>div{display:flex;flex-direction:column}.sync-state b{font-size:13px;color:#087443}.sync-state small{font-size:11px;color:#4d8066;margin-top:3px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-head h2{font-size:18px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;min-height:138px;padding:21px;background:#fff;border:1px solid #e5eaf2;border-radius:18px;text-decoration:none;box-shadow:0 8px 25px #22304a0a;overflow:hidden;transition:.2s}.service-card:after{content:"";position:absolute;right:-20px;bottom:-48px;width:120px;height:120px;border-radius:50%;opacity:.07;background:currentColor}.service-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #22304a14;border-color:#cfdaea}.service-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;font-size:23px;font-weight:800}.mail-card{color:#4868d7}.mail-card .service-icon{background:#eef2ff}.drive-card{color:#d18b00}.drive-card .service-icon{background:#fff7dd}.chat-card{color:#7a55c7}.chat-card .service-icon{background:#f4efff}.service-copy{color:#172033}.service-copy>span{font-size:13px;font-weight:700;color:#4b5565}.service-copy strong{font-size:30px;line-height:1;margin:7px 0 5px}.service-copy small{font-size:11px;color:#7b8494}.arrow{font-size:28px;color:#aab2bf}.status-panel{margin-top:18px;padding:21px;background:#fff;border:1px solid #e5eaf2;border-radius:18px;box-shadow:0 8px 25px #22304a08}.status-title{display:flex;align-items:center;gap:12px}.status-title b{font-size:14px}.status-title small{color:#7b8494;font-size:12px;margin-top:3px}.status-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf5ff;color:#2872db;font-size:20px}.progress{height:7px;margin:18px 0 10px;border-radius:99px;background:#e9eef5;overflow:hidden}.progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2563eb,#60a5fa)}.status-foot{display:flex;justify-content:space-between;color:#7b8494;font-size:11px}.page-title{display:flex;align-items:center;gap:14px;margin-bottom:25px}.page-title.compact{align-items:flex-start}.back-link{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border:1px solid #e0e6ef;background:#fff;border-radius:13px;text-decoration:none;font-size:30px;line-height:1;color:#405069}.toolbar{display:grid;grid-template-columns:260px 1fr auto;align-items:end;gap:10px;background:#fff;border:1px solid #e5eaf2;border-radius:16px;padding:14px;box-shadow:0 5px 18px #22304a08}.toolbar.single{grid-template-columns:minmax(250px,400px)}.toolbar label{display:flex;flex-direction:column;gap:6px}.toolbar label>span:first-child,.login label>span{font-size:11px;font-weight:800;color:#667085}.toolbar select,.toolbar input,.login input{height:46px;width:100%;border:1px solid #d8dee8;border-radius:11px;background:#fff;color:#172033;padding:0 13px;outline:none}.toolbar select:focus,.toolbar input:focus,.login input:focus{border-color:#4b7bec;box-shadow:0 0 0 3px #4b7bec18}.search-wrap{position:relative}.search-wrap>span:first-child{position:absolute;left:13px;bottom:11px;font-size:20px;color:#8993a3}.search-wrap input{padding-left:40px}.toolbar button,.index-bar button,.login button{height:46px;border:0;border-radius:11px;background:#2563eb;color:#fff;font-weight:800;padding:0 20px;cursor:pointer}.index-bar{margin-top:10px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #dce8fb;border-radius:14px;background:#eff6ff}.index-bar>span{display:flex;flex-direction:column}.index-bar b{font-size:12px;color:#204879}.index-bar small{font-size:11px;color:#6880a1;margin-top:3px}.index-bar button{height:38px;font-size:12px}.index-bar button:disabled{opacity:.45;cursor:not-allowed}.notice{padding:12px 15px;border-radius:12px;font-size:13px}.notice.success{color:#087443;background:#ecfdf3;border:1px solid #c6f1d7}.notice.error{color:#b42318;background:#fff0f0;border:1px solid #ffd0d0}.result-head{display:flex;align-items:center;justify-content:space-between;margin:25px 2px 10px}.result-head b{font-size:14px}.result-head span{font-size:11px;color:#7b8494;background:#e8edf4;padding:5px 9px;border-radius:99px}.item-list{display:grid;gap:8px}.item-list>a{display:flex;align-items:center;gap:13px;min-height:74px;padding:12px 15px;background:#fff;border:1px solid #e5eaf2;border-radius:14px;text-decoration:none;box-shadow:0 3px 12px #22304a06;transition:.15s}.item-list>a:hover{border-color:#b9c8dc;transform:translateX(2px)}.avatar{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#e9efff;color:#315bc4;font-weight:800}.item-main{min-width:0;flex:1;gap:3px}.item-main b,.item-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-main b{font-size:13px}.item-main span{font-size:12px;color:#5d6777}.item-main small{font-size:10px;color:#929baa}.mail-list time{max-width:200px;color:#8a93a2;font-size:10px;text-align:right}.item-list>a>i{font-style:normal;font-size:22px;color:#a8b0bd}.file-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:12px;font-size:20px}.file-icon.folder{background:#fff3cc;color:#d99500}.file-icon.document{background:#edf3ff;color:#4270cf}.download{font-size:18px;color:#6d7786}.breadcrumb{display:flex;gap:8px;align-items:center;margin:14px 3px;color:#7b8494;font-size:12px;white-space:nowrap;overflow:hidden}.breadcrumb a{color:#3467cd;text-decoration:none;font-weight:700}.breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis}.previous{display:inline-flex;margin-top:14px;text-decoration:none;color:#3767c6;font-size:12px;font-weight:700}.empty{display:flex;min-height:245px;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#fff;border:1px dashed #d7dee8;border-radius:16px;color:#7a8494}.empty>span{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#f0f4fa;font-size:24px;color:#5d76a5}.empty b{margin-top:14px;color:#354052}.empty p{font-size:12px;margin:6px 15px}.chat-list{display:grid;gap:10px}.chat-list article,.mail-detail{background:#fff;border:1px solid #e5eaf2;border-radius:16px;padding:17px;box-shadow:0 3px 12px #22304a06}.chat-meta,.sender-row{display:flex;align-items:center;gap:11px}.chat-meta>div,.sender-row>div{min-width:0}.chat-meta b,.sender-row b{font-size:12px}.chat-meta small,.sender-row small{color:#8a93a2;font-size:10px;margin-top:2px}.chat-avatar{background:#f0eaff;color:#7350bc}.chat-list p{font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0 0;padding-left:51px}.mail-detail{padding:25px}.avatar.large{width:46px;height:46px}.mailbody{margin-top:23px;padding-top:22px;border-top:1px solid #edf0f4;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65}.bottom-nav{position:fixed;z-index:20;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:6px;border:1px solid #dfe5ee;border-radius:18px;background:#ffffffee;box-shadow:0 10px 35px #1c2b4830;backdrop-filter:blur(14px)}.bottom-nav a{display:flex;align-items:center;justify-content:center;gap:6px;min-width:110px;padding:9px 13px;border-radius:12px;text-decoration:none;color:#7b8494}.bottom-nav a>span{font-size:18px}.bottom-nav small{font-size:11px;font-weight:700}.bottom-nav a.active{background:#eaf1ff;color:#285fc9}.login-page{display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#1d3157,#0b1220 60%);color:#fff}.login{width:min(430px,calc(100% - 32px));padding:30px 0}.login-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.brand-mark.big{width:45px;height:45px;font-size:20px}.login-brand>div{display:flex;flex-direction:column}.login-brand strong{letter-spacing:.12em}.login-brand small{color:#93a4bd;font-size:10px;margin-top:3px}.login-card{background:#fff;color:#172033;padding:30px;border-radius:22px;box-shadow:0 30px 70px #0007}.login-card h1{margin:0;font-size:27px}.login-card>p{color:#697386;font-size:13px;line-height:1.5}.login form,.login label{display:grid;gap:9px}.login form{gap:14px;margin-top:22px}.login button{margin-top:4px;display:flex;align-items:center;justify-content:space-between}.login-foot{display:block;text-align:center;color:#6f8099;margin-top:18px;font-size:10px}
@media(max-width:760px){.topbar{height:62px;padding:0 15px}.readonly{display:none}.logout{font-size:0}.logout:after{content:"↪";font-size:22px}.brand-mark{width:33px;height:33px}.brand strong{font-size:13px}main{padding:25px 14px 100px}.page-head{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:27px}.page-head h1,.page-title h1{font-size:25px}.sync-state{width:100%}.service-grid{grid-template-columns:1fr}.service-card{min-height:105px;padding:17px}.service-copy strong{font-size:25px}.status-foot{gap:10px;flex-direction:column}.toolbar{grid-template-columns:1fr}.toolbar button{width:100%}.bottom-nav{bottom:0;width:100%;border-width:1px 0 0;border-radius:0;justify-content:space-around;padding:5px max(4px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}.bottom-nav a{min-width:0;flex:1;flex-direction:column;gap:1px;padding:5px 3px}.bottom-nav a>span{font-size:18px}.bottom-nav small{font-size:9px}.mail-list time{display:none}.page-title{margin-bottom:18px}.page-title p{font-size:12px}.back-link{width:38px;height:38px}.index-bar{align-items:flex-start;flex-direction:column}.index-bar button{width:100%}.chat-list p{padding-left:0}.mail-detail{padding:17px}.sender-row{align-items:flex-start}.sender-row small{overflow-wrap:anywhere}.login-card{padding:25px 20px}}
.admin-link,.manage-button{font-size:12px;font-weight:800;color:#d9e6ff;text-decoration:none}.manage-button{color:#2563eb;background:#eaf1ff;padding:9px 13px;border-radius:10px}.admin-grid{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:22px;align-items:start}.user-form{display:grid;gap:14px;background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:22px;box-shadow:0 8px 25px #22304a08}.form-head{display:flex;flex-direction:column;border-bottom:1px solid #edf0f4;padding-bottom:15px}.form-head small,.user-form label>small{font-size:10px;color:#8a93a2;margin-top:4px}.user-form>label{display:flex;flex-direction:column;gap:6px}.user-form label>span,.user-form legend{font-size:11px;font-weight:800;color:#667085}.user-form input[type=text],.user-form input[type=password],.user-form textarea{width:100%;border:1px solid #d8dee8;border-radius:11px;padding:12px;outline:none}.user-form textarea{min-height:95px;resize:vertical}.user-form fieldset{display:flex;flex-wrap:wrap;gap:12px;border:1px solid #e5eaf2;border-radius:12px;padding:12px}.user-form legend{padding:0 5px}.check{display:flex!important;flex-direction:row!important;align-items:center;gap:6px!important}.check input{accent-color:#2563eb}.all-access{padding:11px;background:#eff6ff;border-radius:11px}.user-form>button{height:46px;border:0;border-radius:11px;background:#2563eb;color:#fff;font-weight:800}.user-list{display:grid;gap:8px}.user-list article{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e5eaf2;border-radius:14px;padding:13px}.user-list article>div{display:flex;flex:1;flex-direction:column;gap:2px}.user-list article small{font-size:10px;color:#8a93a2}.user-list button{border:0;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:800}.danger-soft{background:#fff0f0;color:#b42318}.success-soft{background:#ecfdf3;color:#087443}@media(max-width:760px){.admin-link{font-size:0}.admin-link:after{content:"♙";font-size:20px}.admin-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;gap:10px}.manage-button{white-space:nowrap;font-size:10px}}