:root{--ink:#25263c;--muted:#85899a;--purple:#5b5bd6;--line:#e9e9f1;--bg:#f6f7fb;--green:#27a47d;--orange:#ec8456;--red:#df5967}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:13px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.sidebar{position:fixed;right:0;top:0;bottom:0;width:240px;background:#fff;border-left:1px solid var(--line);padding:24px 17px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px;font-size:20px}.brand>span,.install-brand>span{width:36px;height:36px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7068eb,#4b4bc5);border-radius:11px;font-weight:bold}.workspace{border:1px solid var(--line);background:#fafafd;padding:10px;border-radius:12px;display:flex;align-items:center;margin-bottom:22px}.workspace i{width:34px;height:34px;display:grid;place-items:center;background:#fff0e8;color:#db6d3c;border-radius:9px;font-style:normal;font-weight:bold}.workspace span{display:flex;flex-direction:column;margin-right:9px}.workspace small,.profile small{color:var(--muted);margin-top:4px;font-size:10px}nav{display:flex;flex-direction:column;gap:4px}nav a{height:43px;color:#686c7d;border-radius:10px;padding:0 13px;display:flex;align-items:center;gap:12px;position:relative}nav a span{width:20px;text-align:center;font-size:17px}nav a.active{background:#efefff;color:#4d4dc6;font-weight:bold}nav a.active:after{content:"";position:absolute;right:-17px;height:25px;width:3px;background:var(--purple)}.profile{margin-top:auto;border-top:1px solid var(--line);padding:16px 6px 0;display:flex;align-items:center;gap:9px}.profile>div,.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e6e7ff;color:#5456b8;font-weight:bold}.profile span{display:flex;flex-direction:column}.profile>a{margin-right:auto;color:var(--red);font-size:10px}.content{margin-right:240px;padding:0 36px 35px;min-height:100vh}.content>header{height:90px;display:flex;align-items:center;justify-content:space-between}.content>header h1{font-size:22px;margin:0 0 7px}.content>header p{margin:0;color:var(--muted);font-size:10px}.content>footer{text-align:center;color:#a0a3b0;font-size:10px;padding:30px 0 5px}.primary{border:0;border-radius:10px;background:var(--purple);color:#fff;padding:11px 18px;box-shadow:0 6px 16px #5b5bd629}.link-button{display:inline-block}.secondary{display:inline-block;border:1px solid var(--line);border-radius:10px;padding:10px 16px;background:#fff}.full{width:100%;margin-top:14px}.welcome{min-height:155px;border-radius:18px;background:linear-gradient(110deg,#4545b7,#6262da 65%,#7775e3);color:#fff;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.welcome:after{content:"";position:absolute;left:-30px;top:-120px;width:300px;height:300px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 45px #ffffff09,0 0 0 90px #ffffff08}.welcome>div,.welcome>a{position:relative;z-index:1}.welcome small{background:#ffffff1d;border:1px solid #ffffff25;padding:5px 9px;border-radius:20px}.welcome h2{font-size:21px;margin:15px 0 8px}.welcome p{color:#ececff;margin:0}.welcome>a{border:1px solid #ffffff5c;background:#ffffff16;border-radius:10px;padding:11px 15px;margin-left:8%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:17px 0}.stats article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;align-items:center;gap:13px;min-height:95px}.stats i{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:18px}.stats span{display:flex;flex-direction:column;gap:6px}.stats small{color:var(--muted);font-size:10px}.stats strong{font-size:22px}.purple{background:#ededff;color:#5b5bd6}.green{background:#e5f7f1;color:#2fa883}.orange{background:#fff0e8;color:#ee7d52}.blue{background:#e8f1ff;color:#3579ef}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.card-head{display:flex;justify-content:space-between;align-items:start;padding-bottom:14px}.card-head h2,.form-card h2{font-size:15px;margin:0 0 6px}.card-head p,.form-card>p{margin:0;color:var(--muted);font-size:10px}.card-head>a{color:var(--purple);font-size:10px}.table{border-top:1px solid var(--line)}.task-row{min-height:62px;display:grid;grid-template-columns:12px 1fr 150px 110px;align-items:center;gap:12px;border-bottom:1px solid #f0f0f5}.task-row:last-child{border:0}.task-row b{display:flex;flex-direction:column;gap:5px}.task-row small{font-weight:normal;color:var(--muted);font-size:9px}.task-row em{font-style:normal;color:#76798a}.dot{width:8px;height:8px;border-radius:50%}.dot.high{background:var(--red)}.dot.medium{background:var(--orange)}.dot.low{background:var(--green)}.status{font-size:9px;border-radius:20px;padding:6px 9px;text-align:center;width:max-content}.status.todo,.status.paused,.status.inactive{background:#f0f0f4;color:#7e8190}.status.doing,.status.active{background:#e8f1ff;color:#3579ef}.status.done,.status.completed{background:#e6f7f1;color:#259674}.empty{padding:35px;text-align:center;color:var(--muted)}.alert{border-radius:11px;padding:12px 15px;margin-bottom:15px;background:#e8f7f1;color:#267f67}.alert.error{background:#fff0f1;color:#b94754}.page-grid{display:grid;gap:16px}.users-layout{grid-template-columns:1fr 320px}.user-row{display:grid;grid-template-columns:42px 1.4fr .8fr .6fr .6fr 80px;align-items:center;gap:10px;min-height:67px;border-top:1px solid var(--line)}.user-row b{display:flex;flex-direction:column;gap:5px}.user-row small{font-weight:normal;color:var(--muted);font-size:9px}.user-row em{font-style:normal;color:var(--muted)}.text-button{border:0;background:transparent;color:var(--purple);font-size:9px}.form-card form{margin-top:18px}.form-card label,.login-card label,.install-card label{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;font-size:10px;font-weight:bold}.form-card input,.form-card select,.form-card textarea,.login-card input,.install-card input,.install-card select,.install-card textarea{width:100%;border:1px solid #dddde8;background:#fff;border-radius:10px;padding:11px;outline:0}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.login-card input:focus,.install-card input:focus{border-color:#6666d7;box-shadow:0 0 0 3px #5b5bd613}.wide-card{margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .wide,.form-grid fieldset.wide{grid-column:1/3}.form-grid fieldset{border:1px solid var(--line);border-radius:11px;margin-bottom:15px}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.check-grid label{display:flex;flex-direction:row;align-items:center;font-weight:normal}.check-grid input{width:auto}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;transition:.2s}.project-card:hover{transform:translateY(-2px);box-shadow:0 12px 35px #2e31500e}.project-card>i{display:block;width:40px;height:8px;border-radius:8px;margin-bottom:22px}.project-card>.status{position:absolute;left:18px;top:18px}.project-card h2{font-size:15px;margin:0 0 9px}.project-card p{height:35px;color:var(--muted);font-size:10px;line-height:1.8;overflow:hidden}.progress{height:6px;background:#eeeef4;border-radius:10px;overflow:hidden;margin-top:18px}.progress b{display:block;height:100%}.project-card footer{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:9px}.project-card footer strong{color:var(--ink)}.project-hero{border-radius:17px;background:linear-gradient(110deg,color-mix(in srgb,var(--project) 85%,#222),var(--project));color:#fff;padding:25px 29px;display:flex;justify-content:space-between;align-items:center}.project-hero h2{font-size:22px;margin:8px 0}.project-hero p{margin:0;color:#ffffffcf}.project-hero dl{display:grid;grid-template-columns:auto auto;gap:9px 20px;background:#ffffff13;padding:15px 18px;border-radius:12px}.project-hero dt{color:#ffffffa5;font-size:9px}.project-hero dd{margin:0}.tabs{display:flex;gap:7px;margin:16px 0}.tabs a{padding:9px 14px;border-radius:9px;color:var(--muted)}.tabs a.active{background:#fff;color:var(--purple);box-shadow:0 2px 10px #2221}.tabs b{background:#eeeefe;border-radius:20px;padding:2px 6px;font-size:9px}.project-layout{grid-template-columns:1fr 280px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}.column{background:#eeeef4;border-radius:13px;padding:11px}.column>h3{font-size:11px;margin:4px 3px 12px;display:flex;justify-content:space-between}.column>h3 b{background:#fff;border-radius:20px;padding:3px 8px}.task-card{background:#fff;border:1px solid #e3e3ec;border-radius:12px;padding:13px;margin-bottom:9px}.priority{font-size:8px;padding:4px 7px;border-radius:15px}.priority.high{background:#fff0f1;color:#c94956}.priority.medium{background:#fff3e9;color:#c36f3f}.priority.low{background:#e8f7f1;color:#27866b}.task-card h4{font-size:11px;margin:12px 0 7px}.task-card p{color:var(--muted);font-size:9px;line-height:1.7}.task-card footer{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;border-top:1px solid var(--line);padding-top:9px}.inline-status select{width:100%;border:1px solid var(--line);background:#fafafd;border-radius:8px;padding:7px;margin-top:10px;font-size:9px}.chat-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.messages{height:440px;overflow:auto;padding:22px}.messages article{display:flex;gap:10px;margin-bottom:17px;max-width:70%}.messages article.mine{margin-right:auto;direction:ltr}.messages article>div{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:#e8e9ff;color:#5758bb;flex:none}.messages article>span{direction:rtl;background:#f4f4f8;border-radius:12px;padding:10px 13px}.messages article.mine>span{background:#ededff}.messages article b{display:flex;justify-content:space-between;gap:25px;font-size:9px}.messages article small{font-weight:normal;color:var(--muted);font-size:8px}.messages article p{margin:8px 0 0;line-height:1.8}.message-form{border-top:1px solid var(--line);padding:13px;display:flex;gap:10px}.message-form textarea{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px;resize:vertical}.settings-card{max-width:600px}.settings-card hr{border:0;border-top:1px solid var(--line);margin:25px 0}.settings-card p{color:var(--muted);line-height:2}.auth-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#f0f1ff,#f8f8fb 55%,#eef8f5);padding:25px}.login-card,.install-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 25px 80px #292a4b15}.install-card{width:min(750px,100%)}.install-brand{display:flex;align-items:center;gap:11px;margin-bottom:25px}.install-brand>div{display:flex;flex-direction:column;gap:5px}.install-brand strong{font-size:17px}.install-brand small{color:var(--muted);font-size:9px}.login-card h1{font-size:20px;margin:15px 0 8px}.login-card>p{color:var(--muted);margin:0 0 22px}.install-card h2{font-size:14px;margin:22px 0 13px}.install-note{background:#f1f1ff;color:#5254a8;border-radius:11px;padding:13px;line-height:1.8}.install-card form>.primary{margin-top:15px}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:repeat(2,1fr)}.users-layout,.project-layout{grid-template-columns:1fr}.board{order:2}}@media(max-width:720px){.sidebar{width:66px;padding:20px 9px}.brand strong,.workspace span,nav a:not(.active),.profile{display:none}.brand{padding-right:6px}.workspace{padding:7px}.workspace i{width:32px}.content{margin-right:66px;padding:0 12px 25px}.content>header{height:72px}.welcome{padding:22px}.welcome>a{display:none}.welcome h2{font-size:17px}.stats{grid-template-columns:1fr 1fr}.stats article{padding:12px}.stats i{display:none}.projects-grid{grid-template-columns:1fr}.board{grid-template-columns:1fr}.task-row{grid-template-columns:10px 1fr}.task-row>em,.task-row>.status{display:none}.users-table{overflow:auto}.user-row{min-width:720px}.form-grid{grid-template-columns:1fr}.form-grid .wide,.form-grid fieldset.wide{grid-column:auto}.check-grid{grid-template-columns:1fr 1fr}.project-hero dl{display:none}.messages article{max-width:90%}}