.feature-page{width:min(1280px,100% - 8vw);margin:0 auto;padding:36px 0 80px}.feature-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.feature-head h2{margin:4px 0;font-size:clamp(30px,3vw,44px)}.feature-head p{color:#707078;margin:0}.feature-card{background:#fff;border:1px solid #dddde2;border-radius:16px;padding:20px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{text-align:center;place-items:center;min-height:185px;display:grid}.gauge{--p:0%;width:118px;height:92px;position:relative;overflow:hidden}.gauge:before{content:"";background:conic-gradient(from 270deg at 50% 100%,#c8453c var(--p),#e7e7ea 0 75%,transparent 0);border-radius:120px 120px 0 0;position:absolute;inset:0}.gauge:after{content:"";background:#fff;border-radius:100px 100px 0 0;position:absolute;inset:14px 14px 0}.metric-card strong{font-size:26px}.metric-card small{color:#777}.storage-list{gap:8px;margin-top:18px;display:grid}.storage-list div{grid-template-columns:170px 1fr auto;align-items:center;gap:12px;display:grid}.bar{background:#ececef;border-radius:99px;height:9px;overflow:hidden}.bar i{background:#2c2c31;height:100%;display:block}.mail-shell{background:#fff;border:1px solid #dddde2;border-radius:17px;grid-template-columns:190px 240px minmax(0,1fr);min-height:680px;display:grid;overflow:hidden}.mail-nav,.mail-list{border-right:1px solid #e5e5e8;padding:15px}.mail-nav button,.mail-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%}.mail-nav button{padding:10px 12px}.mail-nav button.active,.mail-list button.active{background:#eeeef1}.mail-list button{border-bottom:1px solid #eee;padding:12px}.mail-list button b,.mail-list button span,.mail-list button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mail-list button.unread b{font-weight:900}.mail-main{min-width:0;padding:22px}.compose-grid{gap:10px;display:grid}.compose-grid input,.compose-grid textarea,.compose-grid select{border:1px solid #d5d5da;border-radius:10px;width:100%;padding:11px}.compose-actions{align-items:center;gap:10px;display:flex}.message-body{white-space:pre-wrap;line-height:1.6}.db-toolbar{gap:10px;margin-bottom:12px;display:flex}.db-toolbar select,.db-toolbar input{border:1px solid #d4d4d8;border-radius:9px;padding:10px}.db-scroll{border:1px solid #dddde2;border-radius:12px;overflow:auto}.db-table{border-collapse:collapse;width:100%;min-width:900px;font-size:12px}.db-table th,.db-table td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #e7e7e9;border-right:1px solid #e7e7e9;max-width:360px;padding:9px 11px}.db-table th{background:#f3f3f5;position:sticky;top:0}.device-list{gap:10px;display:grid}.device-row{border:1px solid #e1e1e4;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:15px;display:flex}.cloud-shell{gap:14px;display:grid}.cloud-toolbar,.cloud-breadcrumbs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cloud-toolbar button,.cloud-breadcrumbs button,.feature-button{cursor:pointer;background:#fff;border:1px solid #d6d6da;border-radius:10px;padding:10px 13px}.feature-button.primary{color:#fff;background:#202126;border-color:#202126}.cloud-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.cloud-item{cursor:pointer;background:#fff;border:1px solid #dedee2;border-radius:14px;align-content:space-between;min-height:145px;padding:14px;display:grid;position:relative}.cloud-item .dots{background:#eee;border:0;border-radius:50%;width:30px;height:30px;position:absolute;top:8px;right:8px}.cloud-item .glyph{font-size:39px}.cloud-item small{color:#777}.cloud-login{background:#fff;border:1px solid #ddd;border-radius:20px;width:min(480px,100% - 32px);margin:8vh auto;padding:30px}.cloud-login form{gap:11px;display:grid}.cloud-login input{border:1px solid #ccc;border-radius:10px;padding:12px}.or-line{color:#888;align-items:center;gap:10px;display:flex}.or-line:before,.or-line:after{content:"";background:#ddd;flex:1;height:1px}.upload-progress{border:1px solid #ddd;border-radius:10px;padding:12px}.context-menu{z-index:100;background:#fff;border:1px solid #ddd;border-radius:10px;width:190px;padding:6px;position:fixed;box-shadow:0 15px 40px #0002}.context-menu button{text-align:left;background:0 0;border:0;width:100%;padding:9px}.context-menu button:hover{background:#eee}.preview-modal{z-index:90;background:#000a;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.preview-modal iframe,.preview-modal img{background:#fff;max-width:90vw;max-height:85vh}.preview-modal button{position:absolute;top:20px;right:20px}@media (max-width:900px){.metric-grid{grid-template-columns:1fr 1fr}.mail-shell{grid-template-columns:150px 1fr}.mail-list{display:none}.cloud-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.feature-page{width:calc(100% - 28px)}.metric-grid{grid-template-columns:1fr}.mail-shell{display:block}.mail-nav{border-bottom:1px solid #ddd;border-right:0;display:flex;overflow:auto}.mail-nav button{white-space:nowrap}.storage-list div{grid-template-columns:1fr}.cloud-grid{grid-template-columns:1fr 1fr}}