@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#18202f;--muted:#7d8797;--line:#e9ecf2;--bg:#f6f7fb;--purple:#6656e8;--purple-dark:#5040d5;--green:#16b889;--blue:#3284ed;--orange:#f3a43b;--red:#ea5d67;--sidebar:#161927}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Manrope,Segoe UI,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.login-page{background:#fff;grid-template-columns:minmax(460px,1.03fr) minmax(500px,.97fr);min-height:100vh;display:grid}.login-brand{color:#fff;background:linear-gradient(145deg,#1f1a57 0%,#5340cf 48%,#785be6 100%);position:relative;overflow:hidden}.login-brand:after{content:"";opacity:.55;background-image:radial-gradient(#ffffff21 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom right,#000,#0000 60%);mask-image:linear-gradient(to bottom right,#000,#0000 60%)}.brand-orb{border:1px solid #ffffff21;border-radius:50%;position:absolute}.brand-orb:before,.brand-orb:after{content:"";border:1px solid #ffffff1a;border-radius:50%;position:absolute;inset:50px}.brand-orb:after{inset:110px}.orb-one{width:600px;height:600px;top:-250px;right:-240px}.orb-two{width:430px;height:430px;bottom:-190px;left:-230px}.login-brand-content{z-index:1;flex-direction:column;max-width:760px;height:100%;margin:auto;padding:48px 9%;display:flex;position:relative}.login-logo,.mobile-logo{letter-spacing:-.8px;align-items:center;gap:12px;font-size:23px;font-weight:800;display:flex}.login-logo>span,.mobile-logo>span,.app-logo>span{color:#5a49df;background:#fff;border-radius:10px;place-items:center;width:35px;height:35px;display:grid;box-shadow:0 8px 20px #16105933}.login-logo>span img,.mobile-logo>span img,.app-logo>span img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.login-copy{max-width:590px;margin:auto 0}.eyebrow{letter-spacing:1.6px;color:var(--purple);align-items:center;gap:9px;font-size:11px;font-weight:800;display:flex}.eyebrow i{background:currentColor;width:22px;height:2px}.eyebrow.light{color:#cabffd}.login-copy h1{letter-spacing:-3.5px;margin:22px 0 24px;font-size:clamp(42px,4vw,66px);line-height:1.08}.login-copy p{color:#d9d4f7;max-width:510px;font-size:16px;line-height:1.8}.login-proof{border-top:1px solid #ffffff21;align-items:center;gap:18px;padding-top:20px;display:flex}.proof-avatars{display:flex}.proof-avatars b{color:#6656e8;background:#fff;border:3px solid #5e4cda;border-radius:50%;place-items:center;width:36px;height:36px;margin-right:-8px;font-size:10px;display:grid}.proof-avatars b:nth-child(2){color:#168b69;background:#d9fff3}.proof-avatars b:nth-child(3){color:#bd7115;background:#fff1dc}.login-proof p{color:#d8d2f6;margin:0;font-size:12px;line-height:1.6}.login-proof strong{color:#fff}.login-form-wrap{place-items:center;padding:60px;display:grid}.login-form{width:100%;max-width:420px}.mobile-logo{color:var(--ink);margin-bottom:45px;display:none}.mobile-logo>span{background:var(--purple);color:#fff}.form-title>span{letter-spacing:1.8px;color:var(--purple);font-size:10px;font-weight:800}.form-title h2{letter-spacing:-1.6px;margin:11px 0 9px;font-size:35px}.form-title p{color:var(--muted);margin:0 0 36px}.login-form>label,.modal-body>label,.form-row label{color:#4c5564;margin:0 0 19px;font-size:12px;font-weight:700;display:block}.login-form input,.modal input,.modal textarea,.modal select{width:100%;color:var(--ink);background:#fbfcfe;border:1px solid #dfe3eb;border-radius:9px;outline:none;margin-top:8px;padding:13px 14px;transition:all .2s;display:block}.login-form input:focus,.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--purple);background:#fff;box-shadow:0 0 0 3px #6656e817}.password-field{position:relative}.password-field input{padding-right:48px}.password-field>button{color:#8d96a5;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:15px;right:7px}.password-field>button:hover{color:var(--purple);background:#efedff}.login-options{justify-content:space-between;align-items:center;margin:-3px 0 25px;display:flex}.check-line{align-items:center;gap:8px!important;margin:0!important;font-weight:500!important;display:flex!important}.check-line input{accent-color:var(--purple);width:16px!important;height:16px!important;margin:0!important}.login-options button{color:var(--purple);background:0 0;border:0;font-size:12px;font-weight:700}.login-button{background:var(--purple);color:#fff;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 18px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 10px 24px #6656e838}.login-button:hover{background:var(--purple-dark);transform:translateY(-1px)}.demo-note{color:#747d8d;background:#f9f8ff;border:1px dashed #d9d5f5;border-radius:10px;flex-direction:column;gap:6px;margin:26px 0;padding:15px 17px;font-size:11px;display:flex}.demo-note strong{color:#4f44b3;font-size:12px}.demo-note code{color:#5545cb;background:#ebe8ff;border-radius:4px;padding:2px 5px}.copyright{text-align:center;color:#adb4bf;margin-top:40px;font-size:10px}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;color:#a9afbe;background:linear-gradient(#191c2c,#141622);flex-direction:column;width:238px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:5px 0 20px #1619270d}.app-logo{color:#fff;letter-spacing:-.6px;border-bottom:1px solid #ffffff0f;align-items:center;gap:11px;height:84px;padding:0 25px;font-size:19px;font-weight:800;display:flex}.app-logo>span{color:#fff;background:#202832;border:1px solid #ffffff1f;width:38px;height:38px;box-shadow:0 7px 22px #00c2ff2e}.app-logo div{flex-direction:column;display:flex}.app-logo small{letter-spacing:2.7px;color:#777e91;margin-top:0;font-size:7px}.sidebar nav{flex:1;padding:19px 12px}.nav-label{letter-spacing:1.5px;color:#5f6575;margin:0 13px 11px;font-size:8px;font-weight:800}.nav-label.second{margin-top:30px}.sidebar nav button{color:#939aaa;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;height:44px;margin:3px 0;padding:0 13px;font-size:12px;font-weight:600;transition:all .18s;display:flex;position:relative}.sidebar nav button:hover{color:#ddd;background:#ffffff0a}.sidebar nav button.active{color:#d8d3ff;background:linear-gradient(90deg,#6656e845,#6656e81f)}.sidebar nav button.active:before{content:"";background:#806ff6;border-radius:0 3px 3px 0;width:3px;height:23px;position:absolute;left:-12px}.sidebar nav button b{background:var(--purple);color:#fff;border-radius:11px;margin-left:auto;padding:2px 7px;font-size:9px}.online-dot{background:#22c995;border-radius:50%;width:6px;height:6px;margin-left:auto;box-shadow:0 0 0 3px #22c9951f}.sidebar-foot{border-top:1px solid #ffffff0f;padding:16px 14px}.user-card{background:#ffffff09;border-radius:9px;align-items:center;gap:9px;padding:9px;display:flex}.user-card>span{color:#fff;background:linear-gradient(135deg,#8574f2,#5c4bd1);border-radius:9px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.user-card div{flex-direction:column;flex:1;min-width:0;display:flex}.user-card strong{color:#e8e9ee;font-size:11px}.user-card small{color:#747b8c;font-size:9px}.user-card button{color:#737a8b;background:0 0;border:0;padding:5px}.user-card button:hover{color:#fff}.main{flex:1;min-width:0;margin-left:238px}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;justify-content:space-between;align-items:center;height:84px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-title h1{letter-spacing:-.4px;margin:0 0 4px;font-size:18px}.topbar-title p{color:var(--muted);margin:0;font-size:10px}.topbar-actions{align-items:center;gap:12px;display:flex}.search-button{border:1px solid var(--line);color:#a0a7b3;background:#f9fafc;border-radius:8px;align-items:center;gap:9px;width:215px;height:36px;padding:0 10px;font-size:10px;display:flex}.search-button span{text-align:left;flex:1}.search-button kbd{background:#fff;border:1px solid #dfe3ea;border-radius:4px;padding:2px 5px;font-size:8px}.icon-button{border:1px solid var(--line);color:#667080;background:#fff;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;position:relative}.notification i{background:var(--red);border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.date-chip{border-left:1px solid var(--line);flex-direction:column;justify-content:center;height:34px;padding-left:13px;display:flex}.date-chip small{letter-spacing:1px;color:#9ca4b1;font-size:7px}.mobile-menu{background:0 0;border:0;padding:5px;display:none}.sidebar-overlay{display:none}.page-content{max-width:1500px;margin:auto;padding:25px 30px 40px}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 2px 7px #262d4406}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:17px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:flex-start;gap:14px;min-height:116px;padding:19px;display:flex;box-shadow:0 2px 8px #1a203006}.metric-icon{border-radius:10px;flex:none;place-items:center;width:39px;height:39px;display:grid}.metric-main{min-width:0}.metric-main p{color:#747e8d;margin:0 0 5px;font-size:10px}.metric-main>div{align-items:center;gap:8px;display:flex}.metric-main strong{letter-spacing:-1px;font-size:25px;line-height:1.2}.metric-main>div span{border-radius:8px;padding:3px 6px;font-size:8px;font-weight:800}.metric-main .up{color:#169a74;background:#e7f8f2}.metric-main .neutral{color:#798190;background:#f1f2f5}.metric-main small{color:#9ba3af;font-size:8px}.main-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:17px;margin-bottom:17px;display:grid}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:69px;padding:18px 20px;display:flex}.panel-head h2{margin:0 0 4px;font-size:13px}.panel-head p{color:var(--muted);margin:0;font-size:9px}.panel-head select,.panel-head button{border:1px solid var(--line);color:#687283;background:#fff;border-radius:7px;padding:7px 10px;font-size:9px}.panel-head button{color:var(--purple);border:0;font-weight:700}.chart-area{height:218px;padding:26px 24px 14px;display:flex}.chart-y{color:#a5acb8;flex-direction:column;justify-content:space-between;width:26px;padding-bottom:24px;font-size:8px;display:flex}.bars{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#fff,#fff calc(25% - 1px),#f0f2f6 25%);flex:1;justify-content:space-around;align-items:flex-end;gap:9px;height:100%;padding:0 9px;display:flex}.bar-group{flex:1;justify-content:center;align-items:flex-end;gap:4px;max-width:62px;height:100%;padding-bottom:24px;display:flex;position:relative}.bar{border-radius:4px 4px 1px 1px;width:10px;min-height:4px}.bar.backlog{background:#ddd9fb}.bar.complete{background:#6c5ce7}.bar-group span{color:#a0a7b3;white-space:nowrap;font-size:7px;position:absolute;bottom:5px}.chart-legend{color:#747d8d;align-items:center;gap:18px;padding:4px 24px 18px;font-size:8px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{border-radius:2px;width:7px;height:7px}.legend-purple{background:var(--purple)}.legend-green{background:var(--green)}.chart-legend b{margin-left:auto;font-weight:500}.chart-legend b strong{color:var(--green)}.work-list{padding:5px 20px}.work-person{border-bottom:1px solid #f0f2f5;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.avatar,.assignee span{color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:9px;font-weight:800;display:grid}.work-person>div{grid-template-columns:1fr auto;min-width:0;display:grid}.work-person strong{font-size:10px}.work-person small{color:#929aa7;font-size:8px}.progress{background:#edf0f4;border-radius:3px;grid-column:1/-1;height:4px;margin-top:8px;overflow:hidden}.progress i{border-radius:3px;height:100%;display:block}.work-person>b{font-size:13px}.work-person>b small{font-size:8px;font-weight:500}.capacity{color:#9b6a20;background:#fff8eb;border-radius:8px;align-items:center;gap:8px;margin:7px 15px 14px;padding:10px;font-size:8px;display:flex}.capacity svg{color:var(--orange);flex:none}.recent-panel .panel-head{padding:14px 20px}.panel-actions{gap:8px;display:flex}.primary-button,.soft-button{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:35px;padding:0 13px;font-size:9px;font-weight:700;display:inline-flex}.primary-button{background:var(--purple);color:#fff;border:1px solid var(--purple);box-shadow:0 5px 12px #6656e824}.primary-button:hover{background:var(--purple-dark)}.soft-button{color:#687283;border:1px solid var(--line);background:#fff}.soft-button:hover{background:#f8f9fc}.soft-button.danger{color:var(--red);border-color:#f4d7da}.table-scroll{width:100%;overflow-x:auto}.task-table,.staff-table table{border-collapse:collapse;width:100%}.task-table th,.task-table td,.staff-table th,.staff-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eef0f4;height:56px;padding:0 14px;font-size:9px}.task-table th,.staff-table th{color:#9098a5;text-transform:uppercase;letter-spacing:.5px;background:#fafbfc;height:37px;font-size:7px}.task-table tbody tr{cursor:pointer}.task-table tbody tr:hover,.staff-table tbody tr:hover{background:#fcfcff}.task-title{flex-direction:column;max-width:265px;display:flex}.task-title span{color:var(--purple);margin-bottom:2px;font-size:7px;font-weight:800}.task-title strong{text-overflow:ellipsis;font-size:9px;overflow:hidden}.company-cell,.assignee{align-items:center;gap:7px;display:flex}.company-cell i{color:#fff;border-radius:7px;place-items:center;width:25px;height:25px;font-size:7px;font-style:normal;font-weight:800;display:grid}.assignee span{color:#6252d7;background:#e9e6ff;border-radius:50%;width:25px;height:25px;font-size:7px}.status,.priority,.work-mode{border-radius:12px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-flex}.status i,.priority i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.new{color:#6b5ce0;background:#efedff}.status.waiting{color:#ba7921;background:#fff4e5}.status.done{color:#159770;background:#e8f8f2}.status.paused{color:#7d8490;background:#f0f1f3}.work-mode.onsite{color:#ba7921;background:#fff4e5}.priority{background:0 0;padding-left:0}.priority.high{color:#d9515c}.priority.medium{color:#c1852d}.priority.low{color:#697384}.muted{color:#8e96a2}.dots{color:#9aa2ae;background:0 0;border:0;padding:5px}.task-table.compact th:nth-child(2),.task-table.compact td:nth-child(2){display:none}.page-tools{justify-content:space-between;align-items:flex-start;gap:20px;min-height:46px;margin-bottom:15px;display:flex}.filter-tabs{background:#ebedf3;border-radius:9px;align-items:center;gap:3px;padding:4px;display:flex}.filter-tabs button{color:#747d8c;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:8px 12px;font-size:9px;font-weight:600;display:flex}.filter-tabs button span{background:#dde0e7;border-radius:8px;padding:1px 5px;font-size:7px}.filter-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 7px #242a3d14}.filter-tabs button.active span{color:var(--purple);background:#ece9ff}.data-panel{overflow:hidden}.data-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:65px;padding:13px 18px;display:flex}.data-toolbar>div:last-child{gap:8px;display:flex}.inline-search{border:1px solid var(--line);color:#9ba3af;background:#fafbfc;border-radius:7px;align-items:center;gap:8px;width:330px;height:35px;padding:0 11px;display:flex}.inline-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:9px}.inline-search.standalone{background:#fff}.table-foot{color:#87909d;justify-content:space-between;align-items:center;height:55px;padding:0 18px;font-size:8px;display:flex}.table-foot>div{display:flex}.table-foot button{border:1px solid var(--line);background:#fff;width:27px;height:27px;font-size:9px}.table-foot button.active{background:var(--purple);color:#fff;border-color:var(--purple)}.empty{text-align:center;color:#8d96a4;padding:50px}.company-grid{grid-template-columns:repeat(2,minmax(320px,1fr));gap:15px;display:grid}.company-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px;transition:all .2s;box-shadow:0 2px 7px #262d4406}.company-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #262d4414}.company-top{grid-template-columns:43px 1fr auto;align-items:center;gap:11px;display:grid}.company-top>span{color:#fff;border-radius:10px;place-items:center;width:43px;height:43px;font-size:11px;font-weight:800;display:grid}.company-top h3{margin:0 0 3px;font-size:12px}.company-top small{color:var(--green);font-size:8px}.company-top small i{background:var(--green);border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.company-top button{color:#9ca3ad;background:0 0;border:0}.company-package{background:#f8f8fd;border-radius:8px;justify-content:space-between;align-items:center;margin:17px 0 14px;padding:10px 12px;display:flex}.company-package small,.company-staff>small{color:#929aa7;letter-spacing:.5px;font-size:7px;font-weight:700}.company-package strong{color:#5c4ed3;font-size:9px}.company-card dl{grid-template-columns:1fr 1fr;margin:0 0 14px;display:grid}.company-card dl div{border-left:2px solid #edf0f4;padding-left:9px}.company-card dt{color:#9ba3af;margin-bottom:3px;font-size:7px}.company-card dd{margin:0;font-size:9px;font-weight:700}.company-staff{border-top:1px solid var(--line);padding-top:13px}.company-staff>div{align-items:center;margin-top:8px;display:flex}.mini-avatar{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:25px;height:25px;margin-right:-5px;font-size:7px;font-weight:800;display:grid}.company-staff em{color:#747d8d;margin-left:11px;font-size:8px;font-style:normal}.company-stats{background:#fcfcfd;border-radius:0 0 12px 12px;align-items:center;gap:16px;margin:15px -18px -18px;padding:12px 18px;display:flex}.company-stats span{color:#8c94a1;font-size:8px}.company-stats span b{color:var(--ink);font-size:10px}.company-stats button{color:var(--purple);background:0 0;border:0;align-items:center;margin-left:auto;font-size:8px;font-weight:700;display:flex}.summary-strip{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:45px;min-height:88px;margin-bottom:15px;padding:15px 19px;display:flex}.summary-strip>div{align-items:center;gap:11px;display:flex}.summary-icon{border-radius:9px;place-items:center;width:37px;height:37px;display:grid}.summary-strip p{flex-direction:column;margin:0;display:flex}.summary-strip small{color:#929aa7;letter-spacing:.6px;font-size:7px}.summary-strip b{margin-top:3px;font-size:14px}.summary-strip button{margin-left:auto}.staff-table .data-toolbar h2{margin:0 0 3px;font-size:12px}.staff-table .data-toolbar p{color:var(--muted);margin:0;font-size:8px}.person{align-items:center;gap:9px;display:flex}.person>span{color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;font-size:8px;font-weight:800;display:grid}.person>div{flex-direction:column;display:flex}.person small{color:#929aa7;font-size:7px}.staff-table code{color:#5e53c4;background:#f0eeff;border-radius:5px;padding:4px 6px;font-size:8px}.warning-text{color:var(--red)}.connection{color:#9aa1ac;align-items:center;gap:5px;font-size:8px;display:flex}.connection i{background:#c8cdd4;border-radius:50%;width:6px;height:6px}.connection.connected{color:var(--green)}.connection.connected i{background:var(--green);box-shadow:0 0 0 3px #e5f8f2}.account-status{border-radius:10px;padding:5px 8px;font-size:8px;font-weight:700}.account-status.active{color:#159770;background:#e8f8f2}.account-status.locked{color:#7b8390;background:#eff0f2}.report-toolbar{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:14px;display:flex}.period-tabs{background:#e9ecf2;border-radius:7px;padding:3px;display:flex}.period-tabs button{color:#737c8a;background:0 0;border:0;border-radius:5px;padding:7px 12px;font-size:8px}.period-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 1px 5px #ccd0d9}.date-range{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 12px;font-size:8px}.range-picker{align-items:center;gap:9px;padding:6px 8px;display:flex}.range-picker label{color:#6f7785;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.range-picker input{color:#1f2430;background:#fff;border:1px solid #dfe3eb;border-radius:6px;outline:0;height:30px;padding:0 7px;font-size:11px}.range-picker input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6656e817}.metrics-grid.reports{margin-bottom:15px}.report-grid{grid-template-columns:minmax(0,1.7fr) minmax(290px,.7fr);gap:15px;display:grid}.line-chart{height:275px;padding:24px 20px 30px;position:relative}.line-chart svg{width:calc(100% - 40px);height:220px;position:absolute;top:22px;left:20px;right:20px;overflow:visible}.line-chart .area{fill:url(#fill)}.line-chart .line{fill:none;stroke:var(--purple);stroke-width:3px;vector-effect:non-scaling-stroke}.line-chart .line.green{stroke:var(--green);stroke-width:2px}.grid-lines{flex-direction:column;justify-content:space-between;height:220px;display:flex}.grid-lines i{border-top:1px dashed #e9ecf1;display:block}.x-labels{color:#949ca9;justify-content:space-between;margin-top:8px;font-size:8px;display:flex}.chart-legend.centered{justify-content:center;padding-bottom:20px}.chart-legend.centered b{display:none}.rank-row{grid-template-columns:18px 34px 1fr;align-items:center;gap:9px;padding:12px 18px;display:grid}.rank-row>b{color:#a0a7b3;font-size:9px}.rank-row>span{color:#fff;border-radius:8px;place-items:center;width:32px;height:32px;font-size:8px;font-weight:800;display:grid}.rank-row>div{grid-template-columns:1fr auto;display:grid}.rank-row small{color:#929aa7;font-size:7px}.rank-row>div>i{background:#edf0f4;border-radius:3px;grid-column:1/-1;height:3px;margin-top:7px}.rank-row em{border-radius:3px;height:100%;display:block}.telegram-page{max-width:1250px}.telegram-hero{color:#fff;background:linear-gradient(135deg,#242146,#5143c8);border-radius:15px;grid-template-columns:1fr 365px;min-height:385px;display:grid;position:relative;overflow:hidden}.telegram-hero:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:450px;height:450px;position:absolute;top:-200px;right:80px;box-shadow:0 0 0 60px #ffffff06,0 0 0 120px #ffffff05}.telegram-copy{z-index:1;align-items:flex-start;gap:20px;padding:68px 8%;display:flex;position:relative}.tg-icon{background:#29a9e8;border-radius:15px;flex:none;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 12px 30px #137ab259}.telegram-copy .eyebrow{color:#aaa0f4}.telegram-copy h2{letter-spacing:-1.8px;margin:15px 0;font-size:34px;line-height:1.2}.telegram-copy p{color:#c8c5e2;max-width:410px;font-size:11px;line-height:1.8}.telegram-copy p b{color:#fff}.tg-status{color:#bdb9dc;gap:18px;margin-top:25px;font-size:8px;display:flex}.tg-status span{align-items:center;gap:6px;display:flex}.tg-status i{background:#38d69d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #38d69d21}.phone{z-index:2;background:#e8eaf0;border:7px solid #181a27;border-bottom:0;border-radius:30px 30px 0 0;place-self:end center;width:280px;height:355px;position:relative;overflow:hidden;box-shadow:0 20px 45px #090a1559}.phone-head{color:#677283;background:#fff;justify-content:space-between;align-items:center;height:54px;padding:0 13px;display:flex}.phone-head>b{color:#222b38;grid-template-columns:31px 1fr;align-items:center;font-size:9px;display:grid}.phone-head b i{color:#fff;background:#29a9e8;border-radius:50%;grid-row:1/3;place-items:center;width:27px;height:27px;margin-right:6px;display:grid}.phone-head small{color:#9aa3af;grid-column:2;font-size:7px}.chat{min-height:300px;color:var(--ink);background:linear-gradient(#f4f5f8e0,#f4f5f8e0),radial-gradient(#c5c9d2 1px,#0000 1px) 0 0/14px 14px;flex-direction:column;padding:12px 9px;display:flex}.chat>small{text-align:center;color:#8f97a3;font-size:6px}.bubble{border-radius:9px;max-width:90%;margin-top:8px;padding:8px;font-size:7px;line-height:1.55;position:relative;box-shadow:0 1px 3px #00000014}.bubble em{text-align:right;color:#8c95a2;font-size:5px;display:block}.bubble.user{background:#dff7d6;align-self:flex-end}.bubble.bot{background:#fff}.bubble.bot>b{font-size:7px}.bubble.bot p{margin:5px 0}.bubble.bot button{color:#1682c4;background:#edf5ff;border:0;border-radius:4px;margin-right:3px;padding:4px;font-size:6px}.connection-card{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin:16px 0;padding:20px 23px;display:flex}.connection-info{align-items:center;gap:14px;display:flex}.connection-illustration{color:#29a9e8;background:#e8f7ff;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.connection-illustration.linked{color:var(--green);background:#e7f8f2}.connection-info h3{margin:0 0 5px;font-size:12px}.connection-info p{color:#858e9c;margin:0;font-size:9px}.link-code{align-items:center;gap:10px;display:flex}.link-code span{color:#5e50d2;letter-spacing:2px;background:#f0eeff;border:1px dashed #b8b0ef;border-radius:8px;padding:10px 16px;font-weight:800}.link-code button{color:#fff;background:#29a9e8;border:0;border-radius:7px;height:37px;padding:0 14px;font-size:9px;font-weight:700}.command-grid{grid-template-columns:1.3fr repeat(3,1fr);gap:10px;display:grid}.command-grid>div{grid-row:span 2;padding:22px}.command-grid h3{margin:0 0 6px;font-size:14px}.command-grid p{color:#838c99;font-size:9px;line-height:1.6}.command-grid article{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:10px;height:66px;padding:0 13px;display:flex}.command-grid code{color:#5a4bcf;background:#efedff;border-radius:5px;padding:5px;font-size:9px;font-weight:800}.command-grid article span{color:#6e7786;flex:1;font-size:8px}.command-grid article svg{color:#a2a9b4}.timeline-panel{overflow:hidden}.timeline{max-width:750px;padding:25px 35px 40px}.timeline h4{letter-spacing:1px;color:#959daa;margin:0 0 18px 79px;font-size:8px}.timeline-item{grid-template-columns:55px 34px 1fr;gap:12px;min-height:82px;display:grid;position:relative}.timeline-item:not(:last-child):after{content:"";border-left:1px solid #e2e5eb;position:absolute;top:32px;bottom:0;left:71px}.timeline-item time{color:#868f9d;text-align:right;padding-top:8px;font-size:9px}.timeline-icon{z-index:1;color:#7b8492;background:#eff0f4;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.timeline-icon.green{color:var(--green);background:#e6f8f2}.timeline-icon.blue{color:var(--blue);background:#e7f2ff}.timeline-icon.orange{color:var(--orange);background:#fff3e3}.timeline-icon.purple{color:var(--purple);background:#eeebff}.timeline-item>div{padding-top:5px}.timeline-item strong{font-size:10px}.timeline-item p{color:#747d8b;margin:4px 0;font-size:9px}.timeline-item small{color:#a0a7b2;font-size:7px}.timeline-item small b{color:#737c89}.modal-backdrop,.drawer-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1416238c;place-items:center;padding:20px;animation:.18s fade;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(520px,100%);max-height:calc(100vh - 40px);animation:.22s rise;overflow:auto;box-shadow:0 25px 70px #0d101e47}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:22px 24px 17px;display:flex}.modal-head span{letter-spacing:1.4px;color:var(--purple);font-size:7px;font-weight:800}.modal-head h2{margin:4px 0 0;font-size:18px}.modal-head button,.drawer-head button{color:#737c89;background:#f2f3f6;border:0;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.modal-body{padding:21px 24px}.form-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.modal textarea{resize:vertical;min-height:82px}.modal textarea.small{min-height:55px}.modal-actions{border-top:1px solid var(--line);background:#fafbfc;border-radius:0 0 14px 14px;justify-content:flex-end;gap:8px;padding:14px 24px;display:flex}.priority-picker,.mode-picker{gap:8px;margin-top:8px;display:flex}.priority-picker button,.mode-picker button{border:1px solid var(--line);color:#737c89;background:#fff;border-radius:7px;flex:1;height:37px;font-size:9px}.priority-picker button i{background:#9aa2ae;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.priority-picker button.selected,.mode-picker button.selected{border-width:1px;font-weight:700}.priority-picker button.selected.Thấp{background:#f4f5f7}.priority-picker button.selected.Trung{background:#fff5e6}.priority-picker button.selected.Cao{color:#d9515c;background:#fff0f1;border-color:#f3cbd0}.priority-picker button.selected.Cao i{background:#d9515c}.mode-picker button.selected.onsite{color:#ba7921;background:#fff4e5;border-color:#f5d9ac}.mode-picker button.selected.remote{color:#2680d8;background:#eaf4ff;border-color:#cbe4fb}.drawer-backdrop{padding:0;display:block}.task-drawer{background:#fff;width:min(520px,100%);animation:.25s slide;position:absolute;top:0;bottom:0;right:0;overflow:auto;box-shadow:-15px 0 50px #14162333}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:67px;padding:0 23px;display:flex}.drawer-head>span{letter-spacing:1px;color:#808997;font-size:8px;font-weight:800}.drawer-title{padding:23px}.drawer-title>div{gap:7px;display:flex}.drawer-title h2{letter-spacing:-.6px;margin:13px 0;font-size:21px;line-height:1.4}.drawer-title>p{align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.drawer-title>p span{color:#fff;border-radius:7px;place-items:center;width:29px;height:29px;font-size:7px;display:grid}.drawer-info{border:1px solid var(--line);border-radius:9px;grid-template-columns:1fr 1fr;margin:0 23px;display:grid}.drawer-info div{padding:13px}.drawer-info div:nth-child(odd){border-right:1px solid var(--line)}.drawer-info div:nth-child(-n+2){border-bottom:1px solid var(--line)}.drawer-info small{color:#9ba3af;margin-bottom:4px;font-size:7px;display:block}.drawer-info strong{font-size:9px}.drawer-section{padding:22px 23px}.drawer-section h3{font-size:11px}.mini-timeline>div{grid-template-columns:28px 1fr;gap:9px;min-height:70px;display:grid;position:relative}.mini-timeline>div:not(:last-child):after{content:"";border-left:1px solid var(--line);position:absolute;top:27px;bottom:0;left:13px}.mini-timeline i{z-index:1;color:#7d8592;background:#f0f1f4;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.mini-timeline i.green{color:var(--green);background:#e6f8f2}.mini-timeline p{flex-direction:column;margin:2px 0;display:flex}.mini-timeline strong{font-size:9px}.mini-timeline span{color:#737d8b;margin:3px 0;font-size:8px}.mini-timeline small{color:#9aa2ad;font-size:7px}.drawer-note{border-top:1px solid var(--line);gap:8px;padding:16px 23px;display:flex}.drawer-note textarea{border:1px solid var(--line);resize:none;border-radius:8px;outline:0;flex:1;min-height:58px;padding:10px;font-size:9px}.drawer-actions{background:#f8f9fb;padding:17px 23px}.drawer-actions>span{color:#7e8794;margin-bottom:9px;font-size:8px;display:block}.drawer-actions>div{gap:7px;display:flex}.drawer-actions button{border:0;border-radius:7px;padding:9px 12px;font-size:8px;font-weight:700}.drawer-actions button.processing{color:#287fd4;background:#e7f2ff}.drawer-actions button.waiting{color:#b7771e;background:#fff2df}.drawer-actions button.done{color:#138d69;background:#e4f8f1;align-items:center;gap:4px;display:flex}.toast{z-index:150;color:#fff;background:#202334;border-radius:9px;align-items:center;gap:8px;padding:11px 17px;font-size:10px;animation:.2s rise;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0f121f40}.toast svg{color:#46d2a7}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide{0%{transform:translate(100%)}to{transform:translate(0)}}@media (min-width:1400px){html,body{font-size:16px}.sidebar{width:260px}.main{margin-left:260px}.page-content{padding:30px 38px}.task-table th,.task-table td,.staff-table th,.staff-table td{padding-left:18px;padding-right:18px}}@media (max-width:1050px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.main-grid,.report-grid,.company-grid{grid-template-columns:1fr}.telegram-hero{grid-template-columns:1fr 300px}.telegram-copy{padding-left:35px}.command-grid{grid-template-columns:1fr 1fr}.command-grid>div{grid-area:auto/1/auto/-1;padding:10px}.summary-strip{gap:20px}.summary-strip>div:nth-child(3){display:none}}@media (max-width:780px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-form-wrap{padding:35px 24px}.mobile-logo{display:flex}.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:25;background:#0f111c80;border:0;display:block;position:fixed;inset:0}.main{margin-left:0}.topbar{height:72px;padding:0 15px}.mobile-menu{display:block}.topbar-title{margin-left:8px;margin-right:auto}.topbar-title p,.search-button,.date-chip{display:none}.page-content{padding:18px 15px 35px}.page-tools{align-items:center}.filter-tabs{max-width:calc(100vw - 120px);overflow-x:auto}.filter-tabs button{padding:8px 10px}.task-table th:nth-child(3),.task-table td:nth-child(3),.task-table th:nth-child(5),.task-table td:nth-child(5),.task-table th:nth-child(6),.task-table td:nth-child(6){display:none}.summary-strip{grid-template-columns:1fr 1fr;gap:15px;display:grid}.summary-strip button{grid-column:1/-1;margin:0}.telegram-hero{padding-top:1px;display:block}.telegram-copy{padding:35px}.phone{display:none}.connection-card{align-items:flex-start;gap:15px}.link-code{flex-direction:column}.command-grid{grid-template-columns:1fr 1fr}.report-toolbar{justify-content:flex-start;overflow-x:auto}.staff-table th:nth-child(2),.staff-table td:nth-child(2),.staff-table th:nth-child(3),.staff-table td:nth-child(3),.staff-table th:nth-child(4),.staff-table td:nth-child(4){display:none}}@media (max-width:520px){.metrics-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{gap:9px;min-height:105px;padding:13px}.metric-icon{width:32px;height:32px}.metric-main strong{font-size:21px}.main-grid{display:block}.activity-panel,.workload{margin-bottom:12px}.chart-area{height:190px;padding-left:10px;padding-right:10px}.bar-group:nth-child(-n+2){display:none}.recent-panel .panel-head{align-items:flex-start}.panel-actions .soft-button{display:none}.company-grid{grid-template-columns:1fr}.company-card dl{gap:10px}.page-tools .inline-search{width:100%}.page-tools{flex-wrap:wrap}.page-tools>.primary-button{margin-left:auto}.form-row{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal{max-height:calc(100vh - 16px)}.connection-card{flex-direction:column}.link-code{align-items:stretch;width:100%}.link-code span{text-align:center}.command-grid{grid-template-columns:1fr}.command-grid>div{grid-column:auto}.telegram-copy{padding:29px 22px;display:block}.tg-icon{margin-bottom:20px}.telegram-copy h2{font-size:28px}.timeline{padding:22px 14px}.timeline-item{grid-template-columns:42px 30px 1fr;gap:8px}.timeline-item:not(:last-child):after{left:56px}.timeline h4{margin-left:61px}.task-title{max-width:155px}}.app-shell{font-size:16px}.topbar{height:92px}.topbar-title h1{font-size:24px}.topbar-title p{font-size:13px}.search-button{width:250px;height:42px;font-size:13px}.date-chip b{font-size:13px}.date-chip small{font-size:9px}.sidebar nav button{height:49px;font-size:14px}.nav-label{font-size:10px}.user-card strong{font-size:13px}.user-card small{font-size:11px}.metric-card{min-height:132px;padding:22px}.metric-icon{width:45px;height:45px}.metric-main p{font-size:13px}.metric-main strong{font-size:30px}.metric-main small{font-size:11px}.metric-main>div span{font-size:10px}.panel-head{min-height:78px}.panel-head h2,.staff-table .data-toolbar h2{font-size:17px}.panel-head p,.staff-table .data-toolbar p,.panel-head select,.panel-head button{font-size:12px}.primary-button,.soft-button{height:41px;padding:0 16px;font-size:12px}.task-table th,.staff-table th{height:44px;font-size:10px}.task-table td,.staff-table td{height:66px;font-size:12px}.task-title span{font-size:10px}.task-title strong{font-size:13px}.company-cell i,.assignee span{width:30px;height:30px;font-size:9px}.status,.priority,.work-mode{padding:6px 10px;font-size:11px}.inline-search{width:400px;height:42px}.inline-search input,.filter-tabs button{font-size:12px}.filter-tabs button span{font-size:10px}.table-foot{font-size:11px}.company-top h3{font-size:16px}.company-top small,.company-card dt,.company-package small,.company-staff>small{font-size:10px}.company-package strong,.company-card dd,.company-staff em{font-size:12px}.company-stats span,.company-stats button{font-size:11px}.company-stats span b{font-size:14px}.summary-strip small{font-size:10px}.summary-strip b{font-size:18px}.person strong{font-size:13px}.person small,.staff-table code,.connection,.account-status{font-size:11px}.rank-row strong{font-size:13px}.rank-row small{font-size:10px}.telegram-copy p{font-size:14px}.tg-status{font-size:11px}.connection-info h3{font-size:16px}.connection-info p{font-size:12px}.command-grid h3{font-size:17px}.command-grid p,.command-grid code,.command-grid article span{font-size:12px}.timeline h4{font-size:10px}.timeline-item time,.timeline-item strong{font-size:12px}.timeline-item p{font-size:11px}.timeline-item small{font-size:10px}.drawer-head>span{font-size:11px}.drawer-title h2{font-size:25px}.drawer-title>p,.drawer-info strong,.drawer-section h3,.mini-timeline strong{font-size:13px}.drawer-info small,.mini-timeline span,.mini-timeline small,.drawer-actions>span,.drawer-actions button,.drawer-note textarea{font-size:11px}.modal-head span{font-size:10px}.modal-head h2{font-size:22px}.modal-body>label,.form-row label{font-size:14px}.modal input,.modal textarea,.modal select{padding:14px;font-size:14px}.priority-picker button,.mode-picker button{font-size:12px}.form-error{color:#c84651;background:#fff0f1;border:1px solid #f3ccd0;border-radius:8px;align-items:center;gap:8px;margin:0 0 14px;padding:11px 13px;font-size:12px;display:flex}.notice{border-radius:9px;margin-bottom:14px;padding:14px 16px;font-size:13px}.notice.error{color:#c84651;background:#fff0f1;border:1px solid #f3ccd0}.app-loading{color:#5d6574;background:#f7f8fc;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.loader{border:4px solid #e3e1fa;border-top-color:var(--purple);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.detail-heading{align-items:center;gap:13px;display:flex}.detail-heading>span{border-radius:11px;place-items:center;width:46px;height:46px;display:grid;color:#fff!important;letter-spacing:0!important;font-size:12px!important}.detail-heading small{color:var(--purple);letter-spacing:1px;font-size:9px;font-weight:800}.detail-heading h2{margin-top:2px}.detail-tabs{border-bottom:1px solid var(--line);gap:5px;padding:0 24px;display:flex}.detail-tabs button{color:#7b8492;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 16px;font-size:12px}.detail-tabs button.active{color:var(--purple);border-color:var(--purple);font-weight:700}.detail-body{min-height:360px}.detail-body>h3{margin:24px 0 10px;font-size:14px}.detail-summary{grid-template-columns:1fr 1fr;gap:10px;display:grid}.detail-summary>div{background:#f8f9fc;border-radius:9px;flex-direction:column;padding:15px;display:flex}.detail-summary small{color:#959daa;margin-bottom:5px;font-size:9px}.detail-summary b{font-size:13px}.inline-form{align-items:center;gap:9px;margin-bottom:17px;display:flex}.inline-form input,.inline-form select{flex:1;margin:0}.detail-list{border:1px solid var(--line);border-radius:9px;overflow:hidden}.detail-list>div{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr auto;align-items:center;gap:12px;min-height:58px;padding:11px 14px;font-size:12px;display:grid}.detail-list>div:last-child{border-bottom:0}.detail-list span{color:#707a89}.detail-list em{color:#929aa7;font-size:11px;font-style:normal}.detail-list .person{display:flex}.detail-list .person i{color:#fff;border-radius:8px;place-items:center;width:31px;height:31px;font-size:9px;font-style:normal;font-weight:800;display:grid}@media (max-width:620px){.detail-summary{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}.detail-list>div{grid-template-columns:1fr}.detail-tabs{padding:0 10px;overflow:auto}}.account-page{max-width:950px}.profile-card{overflow:hidden}.profile-cover{background:linear-gradient(120deg,#312b72,#6757e7 55%,#8b78f3);height:120px;position:relative}.profile-cover:after{content:"";background:radial-gradient(circle at 75% 30%,#ffffff38,#0000 25%);position:absolute;inset:0}.profile-main{align-items:flex-end;gap:18px;margin-top:-42px;padding:0 30px;display:flex;position:relative}.profile-main>span{color:#fff;border:5px solid #fff;border-radius:22px;place-items:center;width:88px;height:88px;font-size:22px;font-weight:800;display:grid;box-shadow:0 6px 20px #191e2e21}.profile-main h2{margin:0 0 4px;font-size:25px}.profile-main p{color:#7d8797;margin:0;font-size:13px}.profile-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:28px 30px 20px;display:grid}.profile-grid>div{background:#f8f9fc;border-radius:10px;flex-direction:column;padding:17px;display:flex}.profile-grid small{color:#929aa7;margin-bottom:6px;font-size:9px}.profile-grid b{font-size:13px}.profile-grid i{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.profile-actions{padding:0 30px 28px}.security-card{align-items:center;gap:15px;margin-top:15px;padding:22px;display:flex}.security-card>span{width:48px;height:48px;color:var(--purple);background:#efedff;border-radius:12px;place-items:center;display:grid}.security-card h3{margin:0 0 5px;font-size:15px}.security-card p,.modal-intro{color:#7c8593;margin:0;font-size:12px;line-height:1.6}@media (max-width:620px){.profile-grid{grid-template-columns:1fr}.profile-main{align-items:center}.profile-main>span{width:72px;height:72px}.profile-main h2{font-size:20px}}.header-account{position:relative}.account-trigger{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;align-items:center;gap:10px;min-width:178px;height:48px;padding:5px 10px 5px 6px;display:flex}.account-trigger>span,.dropdown-user>span{color:#fff;border-radius:9px;place-items:center;width:36px;height:36px;font-size:10px;font-weight:800;display:grid}.account-trigger>div{flex-direction:column;flex:1;display:flex}.account-trigger b{font-size:11px}.account-trigger small{color:#939ba8;font-size:9px}.account-trigger>i{color:#939ba8;font-style:normal}.account-dropdown{border:1px solid var(--line);z-index:80;background:#fff;border-radius:12px;width:275px;padding:8px;animation:.15s rise;position:absolute;top:55px;right:0;box-shadow:0 18px 50px #1b1f302e}.dropdown-user{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:5px;padding:10px 10px 14px;display:flex}.dropdown-user>div{flex-direction:column;display:flex}.dropdown-user b{font-size:13px}.dropdown-user small{color:#8d95a2;font-size:10px}.account-dropdown>button{color:#5e6878;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;padding:10px;display:flex}.account-dropdown>button:hover{color:var(--purple);background:#f5f4ff}.account-dropdown>button>span{flex-direction:column;font-size:12px;font-weight:700;display:flex}.account-dropdown>button small{color:#99a1ac;margin-top:2px;font-size:9px;font-weight:400}.account-dropdown hr,.row-menu hr{border:0;border-top:1px solid var(--line);margin:5px}.account-dropdown .logout-option{color:#d34e59}.row-menu{border:1px solid var(--line);z-index:15;background:#fff;border-radius:9px;width:175px;padding:6px;position:absolute;top:39px;right:0;box-shadow:0 12px 30px #1a1f2f29}.row-menu button{color:#5d6675!important;background:0 0!important;border:0!important;border-radius:6px!important;align-items:center!important;gap:8px!important;width:100%!important;padding:9px!important;font-size:11px!important;display:flex!important}.row-menu button:hover{color:var(--purple)!important;background:#f5f4ff!important}.row-menu button.danger{color:#d44e59!important}.company-top,.action-cell{position:relative}.table-menu{top:45px;right:12px}.drawer-head-actions{gap:7px;display:flex}.drawer-head-actions .delete-task{color:#d44e59;background:#fff0f1}.account-settings-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:15px;display:grid}.account-form{padding:24px}.account-form-head{align-items:center;gap:12px;margin-bottom:22px;display:flex}.account-form-head>span{width:43px;height:43px;color:var(--purple);background:#efedff;border-radius:11px;place-items:center;display:grid}.account-form-head h3{margin:0 0 3px;font-size:16px}.account-form-head p{color:#8c95a2;margin:0;font-size:11px}.account-form>label{color:#586171;margin-bottom:15px;font-size:12px;font-weight:700;display:block}.account-form input{border:1px solid #dfe3eb;border-radius:8px;outline:0;width:100%;height:43px;margin-top:7px;padding:0 12px;display:block}.account-form input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6656e817}.account-form label small{color:#929aa7;font-weight:400}.login-setting-actions{justify-content:flex-end;gap:8px;margin-top:21px;display:flex}.account-message{color:#128b68;background:#e8f8f2;border:1px solid #c9eddf;border-radius:9px;margin-top:15px;padding:12px 15px;font-size:12px}.security-card>div{flex:1}@media (max-width:1050px){.date-chip{display:none}.account-trigger{min-width:48px}.account-trigger>div,.account-trigger>i{display:none}}@media (max-width:700px){.account-settings-grid{grid-template-columns:1fr}.account-trigger{border:0}.header-account{margin-left:2px}.topbar-actions{gap:5px}}.notification-wrap{position:relative}.notification-dropdown{border:1px solid var(--line);z-index:90;background:#fff;border-radius:14px;width:360px;animation:.15s rise;position:absolute;top:46px;right:0;overflow:hidden;box-shadow:0 18px 50px #1b1f302e}.notification-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 12px;display:flex}.notification-head strong{font-size:14px;display:block}.notification-head span{color:#8992a2;margin-top:2px;font-size:11px;display:block}.notification-head button{color:var(--purple);background:#f2f0ff;border:0;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:800}.notification-list{max-height:360px;padding:6px;overflow:auto}.notification-list button{text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:10px 1fr;gap:10px;width:100%;padding:10px;display:grid}.notification-list button:hover{background:#f8f7ff}.notice-dot{background:var(--purple);border-radius:50%;width:8px;height:8px;margin-top:6px}.notice-dot.done{background:var(--green)}.notice-dot.waiting{background:#ff9f43}.notification-list b{color:#6a5ce7;margin-bottom:3px;font-size:11px;display:block}.notification-list strong{color:var(--ink);font-size:12px;line-height:1.35;display:block}.notification-list small{color:#8992a2;margin-top:3px;font-size:10px;display:block}.notification-empty{text-align:center;color:#8b94a3;padding:22px;font-size:12px}@media (max-width:700px){.notification-dropdown{width:calc(100vw - 30px);right:-70px}}.mini-delete{color:#d44e59;background:#fff0f1;border:0;border-radius:6px;width:25px;height:25px;margin-left:10px;font-size:17px}.staff-table.data-panel,.staff-table .table-scroll{overflow:visible}.link-count{color:var(--purple);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.link-count:hover{text-decoration:underline}.staff-detail-head{justify-content:space-between;align-items:center;gap:10px;margin:24px 0 10px;display:flex}.staff-detail-head h3{margin:0;font-size:14px}.company-assignment-list .person b{font-size:12px}@media (max-width:780px){.staff-table .table-scroll{overflow:auto visible}}.telegram-settings{margin:16px 0;padding:22px}.telegram-settings-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.telegram-settings-head>div{align-items:center;gap:14px;display:flex}.telegram-settings h3{margin:0 0 5px;font-size:17px}.telegram-settings p{color:#818999;margin:0;font-size:12px}.setup-pill{color:#b67808;background:#fff4dc;border-radius:999px;align-items:center;height:30px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.setup-pill.ready{color:#079565;background:#e8f8f0}.telegram-setup-grid{grid-template-columns:1.1fr 1fr 1fr;align-items:start;gap:14px;display:grid}.telegram-setup-grid label{color:#222b38;flex-direction:column;gap:8px;font-size:12px;font-weight:800;display:flex}.telegram-setup-grid label small{color:#8a93a3;font-size:10px;font-weight:600;line-height:1.45}.telegram-setup-grid input{border:1px solid var(--line);height:44px;font:inherit;color:var(--ink);background:#fff;border-radius:9px;outline:none;padding:0 13px;font-size:13px}.telegram-setup-grid input:focus{border-color:#b8b0ef;box-shadow:0 0 0 4px #6656e814}.webhook-preview{background:#f8f9fd;border:1px dashed #cfd5e3;border-radius:10px;grid-column:1/-1;align-items:center;gap:14px;padding:12px 14px;display:flex;overflow:hidden}.webhook-preview small{color:#8a93a3;white-space:nowrap;font-size:10px;font-weight:900}.webhook-preview code{color:#5a4bcf;background:#efedff;border-radius:7px;padding:7px 9px;font-size:12px;overflow:auto}.telegram-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.telegram-actions button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:900px){.telegram-setup-grid{grid-template-columns:1fr}.telegram-settings-head{flex-direction:column}.telegram-actions{flex-wrap:wrap;justify-content:flex-start}.webhook-preview{display:block}.webhook-preview code{margin-top:8px;display:block}}.quick-report-help{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:1fr 1.4fr;align-items:center;gap:14px;margin:16px 0;padding:20px 22px;display:grid}.quick-report-help h3{margin:0 0 6px;font-size:17px}.quick-report-help p{color:#7e8795;margin:0;font-size:12px;line-height:1.6}.quick-report-help p code{color:#5a4bcf;background:#efedff;border-radius:5px;padding:4px 6px;font-weight:800}.quick-examples{gap:9px;display:grid}.quick-examples code{color:#e9edff;white-space:normal;background:#121827;border-radius:9px;padding:13px 15px;font-size:13px;display:block}@media (max-width:820px){.quick-report-help{grid-template-columns:1fr}}.issue-badge{color:#5b4bd1;white-space:nowrap;background:#f0eeff;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.task-filter-controls{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.task-filter-controls select,.task-filter-controls .month-filter{border:1px solid var(--line);color:#5e6878;background:#fff;border-radius:8px;outline:0;height:41px;padding:0 11px;font-size:12px}.company-card .company-package,.company-card dl{display:none}.company-card .company-staff{border-top:0;margin-top:18px}.drawer-info{grid-template-columns:1fr 1fr}.drawer-info div:nth-child(-n+6){border-bottom:1px solid var(--line)}@media (max-width:760px){.task-filter-controls{width:100%}.task-filter-controls select,.task-filter-controls .month-filter,.task-filter-controls button{flex:1}.drawer-info{grid-template-columns:1fr}}.processing-time{white-space:nowrap;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.processing-time.done{color:#00a077;background:#eefcf7}.processing-time.pending{color:#d27b00;background:#fff7e9}.reporter-name{color:#303847;max-width:150px;font-weight:700;line-height:1.35;display:inline-flex}.task-cleanup{justify-content:flex-end;align-items:center;gap:14px;margin-top:14px;padding:18px 20px;display:flex}.task-cleanup>div{margin-right:auto}.task-cleanup h3{margin:0 0 4px;font-size:15px}.task-cleanup p{color:#7b8492;margin:0;font-size:12px}.task-cleanup input{border:1px solid var(--line);color:#3d4655;background:#fff;border-radius:8px;height:41px;padding:0 12px;font-size:12px}.contact-form{grid-template-columns:140px 1.15fr 1fr 1fr 130px 1.2fr auto;gap:8px;margin-bottom:16px;display:grid}.contact-form input{border:1px solid var(--line);color:#2f3947;background:#fff;border-radius:9px;outline:0;height:46px;padding:0 12px;font-size:12px}.contact-form input:focus{border-color:#a99fff;box-shadow:0 0 0 3px #6656e81a}.contact-form .primary-button{height:46px}.contact-table{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.contact-head,.contact-row{grid-template-columns:92px 1.2fr 1fr 1fr 120px 1.35fr 34px;align-items:center;gap:12px;display:grid}.contact-head{color:#8a93a2;text-transform:uppercase;letter-spacing:.45px;background:#fafbfe;min-height:42px;padding:0 14px;font-size:10px;font-weight:800}.contact-row{border-top:1px solid var(--line);min-height:58px;padding:10px 14px;font-size:12px}.contact-row b{color:var(--purple)}.contact-row strong{font-size:12px}.contact-row span{color:#647084}.contact-row em{color:#8a93a2;word-break:break-all;font-size:11px;font-style:normal}@media (max-width:1100px){.contact-form{grid-template-columns:1fr 1fr}.contact-form .primary-button{grid-column:1/-1}}@media (max-width:900px){.contact-head{display:none}.contact-row{grid-template-columns:1fr;gap:5px}.task-cleanup{flex-direction:column;align-items:stretch}.task-cleanup>div{margin-right:0}.task-cleanup input,.task-cleanup button{width:100%}}@media (max-width:620px){.contact-form{grid-template-columns:1fr}}.company-detail-modal{width:min(1180px,100vw - 32px)}.device-count{color:var(--purple);background:#f3f0ff;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.device-form{background:linear-gradient(135deg,#fff,#f9fbff);border:1px solid #e5e9f4;border-radius:14px;grid-template-columns:1.2fr 120px 1.2fr 110px 1fr 120px 120px 120px 110px 120px;gap:9px;margin-bottom:16px;padding:14px;display:grid}.device-form input,.device-form select,.device-form textarea{border:1px solid var(--line);color:#2f3947;background:#fff;border-radius:10px;outline:0;min-height:44px;padding:10px 12px;font-size:12px}.device-form textarea{resize:vertical;min-height:72px}.device-form input:focus,.device-form select:focus,.device-form textarea:focus{border-color:#a99fff;box-shadow:0 0 0 3px #6656e81a}.device-form textarea:first-of-type,.device-form textarea:nth-of-type(2),.device-form textarea:nth-of-type(3){grid-column:span 3}.device-form-actions{grid-column:span 2;justify-content:flex-end;align-items:center;gap:8px;display:flex}.device-table{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:auto}.device-head,.device-row{grid-template-columns:1.15fr 1.1fr 1.6fr 1.8fr 1fr 1fr 100px;align-items:start;gap:14px;min-width:1080px;display:grid}.device-head{z-index:1;color:#8a93a2;text-transform:uppercase;letter-spacing:.45px;background:#f8faff;align-items:center;min-height:44px;padding:0 14px;font-size:10px;font-weight:900;position:sticky;top:0}.device-row{border-top:1px solid var(--line);padding:14px;font-size:12px}.device-row b,.device-row span{color:#172033;white-space:pre-wrap;line-height:1.45;display:block}.device-row small{color:#7b8492;white-space:pre-wrap;margin-top:4px;line-height:1.35;display:block}.device-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.device-actions .soft-button{height:32px;padding:0 10px}.warn-badge{color:#c46b00;background:#fff2e0;border-radius:999px;width:max-content;padding:5px 9px;font-weight:800;display:inline-flex!important}@media (max-width:1200px){.device-form{grid-template-columns:1fr 1fr}.device-form textarea,.device-form textarea:first-of-type,.device-form textarea:nth-of-type(2),.device-form textarea:nth-of-type(3),.device-form-actions{grid-column:1/-1}}@media (max-width:680px){.device-form{grid-template-columns:1fr}}:root{--cyan:#00c2ff;--violet:#7c5cff;--mint:#25d6a2;--amber:#ffb84d;--rose:#ff6b7a;--panel-shadow:0 16px 42px #1f274414}html,body{background:radial-gradient(circle at 20% 0,#6656e81a,#0000 28%),radial-gradient(circle at 92% 8%,#00c2ff1a,#0000 25%),linear-gradient(#f7f9ff 0%,#f1f4fb 100%)}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;box-shadow:0 10px 30px #29304e0d}.topbar-title h1{background:linear-gradient(90deg,#121a2d,#6252d7 55%,#008ed1);color:#0000;-webkit-background-clip:text;background-clip:text}.page-content{position:relative}.page-content:before{content:"";pointer-events:none;opacity:.7;background-image:linear-gradient(#6656e809 1px,#0000 1px),linear-gradient(90deg,#6656e809 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 55%);mask-image:linear-gradient(#000,#0000 55%)}.panel,.metric-card,.company-card,.summary-strip{box-shadow:var(--panel-shadow);border-color:#dfe5f1;position:relative;overflow:hidden}.panel:before,.metric-card:before,.company-card:before{content:"";background:linear-gradient(90deg,var(--violet),var(--cyan));opacity:.9;height:3px;position:absolute;top:0;left:0;right:0}.metrics-grid .metric-card:first-child:before{background:linear-gradient(90deg,var(--violet),#9b8cff)}.metrics-grid .metric-card:nth-child(2):before{background:linear-gradient(90deg,var(--blue),var(--cyan))}.metrics-grid .metric-card:nth-child(3):before{background:linear-gradient(90deg,var(--amber),#ffdc91)}.metrics-grid .metric-card:nth-child(4):before{background:linear-gradient(90deg,var(--mint),#8cf0ce)}.metric-card{background:linear-gradient(#fff,#fbfcff)}.metric-icon.purple,.summary-icon.purple{color:#5b4bd1;background:linear-gradient(135deg,#eeeaff,#ded8ff)}.metric-icon.blue,.summary-icon.blue{color:#1678d8;background:linear-gradient(135deg,#e7f4ff,#d7ecff)}.metric-icon.orange{color:#d98200;background:linear-gradient(135deg,#fff3df,#ffe4ba)}.metric-icon.green,.summary-icon.green{color:#069a70;background:linear-gradient(135deg,#e4fbf3,#cef7e9)}.activity-panel:before{background:linear-gradient(90deg,#6c5ce7,#00c2ff)}.workload:before{background:linear-gradient(90deg,#25d6a2,#00c2ff)}.recent-panel:before,.data-panel:before{background:linear-gradient(90deg,#7c5cff,#25d6a2)}.panel-head,.data-toolbar{background:linear-gradient(#fff,#fbfcff)}.task-table th,.staff-table th,.contact-head{color:#6c7484;background:linear-gradient(#f7f9ff,#f0f3fb)}.task-table tbody tr:nth-child(2n),.staff-table tbody tr:nth-child(2n),.contact-row:nth-child(odd){background:#fcfdff}.task-table tbody tr:hover,.staff-table tbody tr:hover{box-shadow:inset 3px 0 0 var(--violet);background:#f5f8ff}.status.done,.processing-time.done{color:#009d73;background:#e7fbf4}.status.processing{color:#147cda;background:#eaf5ff}.status.waiting,.work-mode.onsite{color:#b86f00;background:#fff2df}.work-mode.remote{color:#147cda;background:#eaf5ff}.issue-badge{color:#5b4bd1;background:#f0edff;border:1px solid #e1dcff}.sidebar nav button.active{background:linear-gradient(90deg,#7c5cff59,#00c2ff1a);box-shadow:inset 0 0 0 1px #ffffff0a}.primary-button{background:linear-gradient(135deg,#6656e8,#7c5cff);box-shadow:0 12px 25px #6656e838}.primary-button:hover{filter:brightness(.98);transform:translateY(-1px)}.soft-button{background:linear-gradient(#fff,#f8faff)}.company-card{background:linear-gradient(#fff,#fbfcff)}.company-card:hover{box-shadow:0 18px 46px #1f27441f}.notification-dropdown,.account-dropdown,.row-menu,.modal,.task-drawer{box-shadow:0 24px 70px #171d3438}.progress-head{gap:16px}.progress-periods{background:#f0f2f7;border-radius:9px;align-items:center;gap:4px;padding:4px;display:flex}.panel-head .progress-periods button{color:#747d8d;background:0 0;border:0;border-radius:7px;padding:7px 11px;font-weight:800}.panel-head .progress-periods button.active{color:var(--purple);background:#fff;box-shadow:0 2px 8px #2e344e1f}.progress-summary{grid-template-columns:repeat(4,1fr);gap:9px;padding:14px 20px 0;display:grid}.progress-summary article{background:#fafbfe;border:1px solid #e8ebf2;border-radius:10px;grid-template-columns:1fr auto;align-items:end;min-width:0;padding:11px 12px;display:grid;position:relative}.progress-summary small{letter-spacing:.55px;color:#8b94a2;grid-column:1/-1;font-size:8px;font-weight:900}.progress-summary b{margin-top:4px;font-size:20px;line-height:1.1}.progress-summary span{color:#99a1ad;text-align:right;font-size:8px}.progress-summary .created{background:#f6f4ff;border-color:#e6e1ff}.progress-summary .created b{color:var(--purple)}.progress-summary .completed{background:#effbf7;border-color:#d8f4ea}.progress-summary .completed b{color:var(--green)}.progress-summary .remaining{background:#fff8ec;border-color:#f8e8c9}.progress-summary .remaining b{color:#c77b0b}.progress-summary .rate{background:#eef7ff;border-color:#dbeeff}.progress-summary .rate b{color:var(--blue)}.activity-panel .chart-area{height:205px;padding-top:20px}.activity-panel .bar.complete{background:var(--green)}.activity-panel .bar.backlog{background:linear-gradient(#9185f4,#6656e8)}.activity-panel .bar{transition:height .25s}.activity-panel .bar:hover{filter:brightness(.92)}@media (max-width:700px){.progress-head{flex-direction:column;align-items:flex-start}.progress-periods{width:100%}.panel-head .progress-periods button{flex:1}.progress-summary{grid-template-columns:1fr 1fr;padding:10px 12px 0}.activity-panel .bar-group:nth-child(-n+2){display:flex}.activity-panel .chart-area{padding-left:8px;padding-right:8px}.activity-panel .chart-legend{flex-wrap:wrap;gap:8px 14px}.activity-panel .chart-legend b{width:100%;margin-left:0}}.report-export-box{background:linear-gradient(135deg,#fff,#f7f8ff);justify-content:space-between;align-items:center;gap:22px;margin-bottom:15px;padding:18px 20px;display:flex}.report-export-copy{align-items:center;gap:13px;min-width:280px;display:flex}.report-export-copy>span{width:46px;height:46px;color:var(--purple);background:#eeebff;border-radius:12px;flex:none;place-items:center;display:grid}.report-export-copy h3{margin:0 0 5px;font-size:14px}.report-export-copy p{color:#7b8493;max-width:590px;margin:0;font-size:10px;line-height:1.5}.report-export-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.export-mode-tabs{background:#e9ecf3;border-radius:8px;padding:3px;display:flex}.export-mode-tabs button{color:#6f7888;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:9px;font-weight:800}.export-mode-tabs button.active{color:var(--purple);background:#fff;box-shadow:0 2px 7px #282e481f}.report-export-controls select{border:1px solid var(--line);color:#4f5969;background:#fff;border-radius:7px;min-width:190px;height:35px;padding:0 10px;font-size:9px}.staff-export span{color:#778191;max-width:260px;font-size:10px}.report-export-controls .primary-button{height:37px}@media (max-width:1000px){.report-export-box{flex-direction:column;align-items:flex-start}.report-export-controls{justify-content:flex-start;width:100%}}@media (max-width:620px){.report-export-controls,.export-mode-tabs{width:100%}.export-mode-tabs button{flex:1}.report-export-controls select,.report-export-controls .primary-button{width:100%}}.reports-page .report-toolbar{gap:14px;margin-bottom:18px}.reports-page .period-tabs{border-radius:10px;padding:5px}.reports-page .period-tabs button{min-width:64px;padding:10px 14px;font-size:12px;font-weight:700}.reports-page .range-picker{border-radius:10px;gap:12px;padding:8px 10px}.reports-page .range-picker label{color:#566171;gap:8px;font-size:11px}.reports-page .range-picker input{height:40px;padding:0 11px;font-size:13px;font-weight:700}.reports-page .report-export-box{margin-bottom:18px;padding:23px 25px}.reports-page .report-export-copy{gap:16px}.reports-page .report-export-copy>span{width:52px;height:52px}.reports-page .report-export-copy h3{margin-bottom:7px;font-size:18px}.reports-page .report-export-copy p{color:#626d7d;font-size:13px;line-height:1.6}.reports-page .export-mode-tabs{border-radius:10px;padding:4px}.reports-page .export-mode-tabs button{padding:10px 13px;font-size:12px}.reports-page .report-export-controls{gap:11px}.reports-page .report-export-controls select{min-width:240px;height:43px;padding:0 12px;font-size:13px;font-weight:600}.reports-page .report-export-controls .primary-button{height:43px;padding:0 18px;font-size:13px}.reports-page .staff-export span{font-size:13px;line-height:1.5}.reports-page .metrics-grid.reports{gap:18px}.reports-page .metrics-grid.reports .metric-main p{color:#596576;font-size:14px}.reports-page .metrics-grid.reports .metric-main strong{font-size:32px}.reports-page .metrics-grid.reports .metric-main small{color:#7e8898;font-size:12px;line-height:1.45}.reports-page .report-grid .panel-head h2{font-size:17px}.reports-page .report-grid .panel-head p{font-size:12px}.reports-page .rank-row strong{font-size:13px}.reports-page .rank-row small{font-size:11px;line-height:1.5}.reports-page .chart-legend{font-size:11px}.reports-page .x-labels{font-size:10px}@media (max-width:700px){.reports-page .report-toolbar{flex-direction:column;align-items:stretch}.reports-page .period-tabs{width:100%}.reports-page .period-tabs button{flex:1;min-width:0}.reports-page .range-picker{justify-content:space-between}.reports-page .range-picker label{flex:1}.reports-page .range-picker input{width:100%}.reports-page .report-export-copy h3{font-size:16px}.reports-page .report-export-copy p{font-size:12px}}