*{box-sizing:border-box}body{margin:0;background:#0b1523;color:#dce7f4;font:14px Inter,Arial,sans-serif;min-width:980px}.shell{height:100vh;display:grid;grid-template-columns:220px 320px 1fr 250px}.shell>aside{background:#0c1727;border-right:1px solid #273c57;padding:22px 13px}.brand{display:flex;gap:9px;align-items:center;margin:0 8px 27px;font-weight:800}.brand>b,.chat header>b,.profile>b{display:grid;place-items:center;background:#eab548;color:#17140d;border-radius:10px;width:35px;height:35px}.brand small,small,p{color:#91a5bd}.nav{display:block;width:100%;text-align:left;border:0;background:transparent;color:#a6b8ce;padding:12px;border-radius:8px;margin:4px 0;font-weight:700}.nav.on{background:#1d304a;color:#fff}.nav i,article>i{float:right;background:#eab548;color:#17140d;border-radius:20px;padding:2px 7px;font-style:normal;font-size:10px}.user{position:absolute;bottom:22px;display:flex;gap:9px;align-items:center}.user:first-letter{background:#d29a39}.list{background:#101d2e;border-right:1px solid #273c57;padding:23px 15px}.list header,.chat header{display:flex;justify-content:space-between;align-items:center}.list h1{margin:3px 0 0;font-size:23px}.list header button{background:#eab548;border:0;border-radius:7px;padding:8px;font-weight:800}.list input,.chat form input{width:100%;background:#0a1422;border:1px solid #2c435f;border-radius:8px;padding:11px;color:white;margin:20px 0 12px}.filters{color:#aabbd0;font-size:12px;margin-bottom:14px}article{display:flex;gap:10px;padding:12px 8px;border-radius:9px;margin:4px 0}article.selected{background:#1d304a}article>b,.chat header>b,.profile>b{border-radius:50%;background:#b85e85;color:white;width:37px;height:37px;flex:none}article .blue{background:#4b7eaa}.green{background:#3c8976}article div{flex:1}article p{margin:5px 0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}em{display:inline-block;background:#5b3e62;color:#f1bdf6;border-radius:5px;padding:3px 6px;font-style:normal;font-size:10px}.chat{display:flex;flex-direction:column;background:radial-gradient(circle at top,#172c43,#0d1827 65%)}.chat header{padding:0 25px;height:80px;border-bottom:1px solid #273c57}.chat header div{margin-right:auto;margin-left:10px}.chat header p{margin:4px 0;font-size:11px}.chat header span{font-size:20px;color:#a7b8cc}.msgs{flex:1;overflow:auto;padding:25px 10%;display:flex;flex-direction:column;gap:11px}.msgs>label{align-self:center;color:#91a5bd;background:#1c2d43;padding:5px 9px;border-radius:20px;font-size:9px}.msgs>p{margin:0;max-width:72%;padding:11px 13px;border-radius:10px;color:#e8f1f8;background:#24364e}.msgs .out{align-self:end;background:#315c63}.msgs small{display:block;text-align:right;font-size:9px}.msgs>em{align-self:start}.chat form{margin:0 22px 20px;padding:8px;background:#15263c;border:1px solid #2b425d;border-radius:10px;display:flex;gap:8px}.chat form input{margin:0;border:0}.chat form button{border:0;background:transparent;color:#abc0d7}.chat form button:last-child{background:#eab548;color:#16130d;border-radius:6px;padding:0 12px}.detail{border-left:1px solid #273c57}.detail h2{margin:4px 0}.profile{text-align:center;border-bottom:1px solid #293f59;padding:23px 0}.profile>b{margin:auto;width:57px;height:57px;font-size:16px}.profile h3{margin:10px 0 3px}.profile p{margin:0;font-size:12px}.profile button,.detail>button{margin-top:12px;border:0;background:transparent;color:#eab548;font-size:11px;font-weight:800}.detail h4{font-size:10px;color:#91a5bd;margin-top:23px}.assign{width:100%;background:#172943!important;color:#dbe7f4!important;border:1px solid #2d455f!important;border-radius:7px!important;padding:9px}
.login{min-width:0;height:100vh;display:grid;place-items:center;background:#0b1523}.login form{width:360px;padding:34px;border:1px solid #2b425d;border-radius:15px;background:#101d2e;display:grid;gap:13px}.login form>b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eab548;color:#18140d}.login h1{margin:0;font-size:25px}.login p{margin:0;color:#eab548;font-weight:800;font-size:11px;letter-spacing:.1em}.login input{padding:12px;border-radius:8px;border:1px solid #2b425d;background:#0a1422;color:white}.login button{padding:12px;border:0;border-radius:8px;background:#eab548;font-weight:800}.login span{color:#ff9191;font-size:12px}
.records{display:grid;gap:8px;margin-top:16px}.records button,#create,#team{border:1px solid #2b425d;background:#172943;color:#e4edf7;border-radius:8px;padding:12px;text-align:left}.records p{margin:4px 0 0;font-size:12px}#create,#team{display:grid;gap:8px}#create input,#team input,#team select{padding:9px;background:#0a1422;border:1px solid #2b425d;color:white;border-radius:6px}#create button,#team button{padding:9px;background:#eab548;border:0;border-radius:6px;font-weight:800}.empty{margin:auto;text-align:center;color:#a8bbd0}
.module{margin:32px;align-self:stretch;background:#101d2e;border:1px solid #2b425d;border-radius:12px;padding:22px}.module header{display:flex;justify-content:space-between;align-items:center}.module h2{margin:0}.module table{width:100%;border-collapse:collapse;margin-top:22px}.module th,.module td{text-align:left;padding:14px;border-bottom:1px solid #263c57}.module th{color:#91a5bd;font-size:11px;text-transform:uppercase}details{margin-top:12px;color:#c7d8e9}details summary{cursor:pointer;padding:8px 0;font-weight:700}details p{font-size:11px}textarea{width:100%;min-height:110px;background:#0a1422;border:1px solid #2b425d;color:#fff;border-radius:6px;padding:9px}#import{margin-top:8px;padding:9px;background:#eab548;border:0;border-radius:6px;font-weight:800}
.toolbar{display:flex;justify-content:space-between;align-items:center;margin:10px 0 18px}.toolbar p{margin:0}.primary{border:0;background:#eab548!important;color:#18140d!important;border-radius:8px!important;padding:10px 15px!important;font-weight:800}.teamcards{display:grid;gap:10px}.teamcard{display:flex;justify-content:space-between;align-items:center;background:#172943;border:1px solid #2d455f;border-radius:10px;padding:16px}.teamcard h3{margin:8px 0 3px}.teamcard p{margin:0;font-size:12px}.teamtag{font-size:10px;background:#5b3e62;color:#f3c3fa;padding:4px 7px;border-radius:5px}.cardactions{display:flex;gap:8px}.cardactions button{border:1px solid #3a5779;background:#203755;color:#e8f0fa;border-radius:7px;padding:8px 10px}.cardactions .remove{color:#ffb4b4;border-color:#75454b}.teamsmain{min-width:580px}.teamsmain #editor{margin-top:20px}.formhead{display:flex!important;justify-content:space-between;align-items:center}.formhead h3{margin:0}.formhead button{border:0;background:transparent;color:#bdd0e8;font-size:24px}.member-picker{border:1px solid #2d4663;border-radius:8px;background:#111e31}.member-picker summary{display:flex;justify-content:space-between;padding:12px;list-style:none}.member-picker summary::-webkit-details-marker{display:none}.member-picker>div{border-top:1px solid #2d4663;padding:6px}.member{display:flex!important;align-items:center;gap:10px;padding:9px!important;border-radius:6px}.member:hover{background:#1c304a}.member input{width:auto!important}.member small{margin-left:auto}.emptylist{padding:22px;text-align:center}