.side{position:sticky;top:0;height:100vh;overflow-y:auto;flex:0 0 248px}.main{min-width:0}.menu-toggle-react{display:none}.demo-chip{font-size:11px;background:#fcf2d1;color:#76530b;border:1px solid #e7cb7f;border-radius:999px;padding:6px 10px;white-space:nowrap}.tag{display:inline-block;border-radius:999px;padding:3px 9px;font-size:12px;background:#efede6;color:#4a4a48}.tag.green{background:#e5f3ea;color:#1c5e36}.tag.amber{background:#fdf1d2;color:#7a4a00}.tag.blue{background:#e7eef8;color:#1f4e8c}.tag.red{background:#fde8e6;color:#9b1c1c}.clickable{cursor:pointer}.filterbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.filterbar select,.filterbar input,.formline input,.formline select,.formline textarea{padding:10px 12px;border:1px solid var(--borda-2);background:#fff;border-radius:8px;font:inherit;max-width:100%;min-height:40px}.filterbar input{flex:1;min-width:180px}.hbtn{border:1px solid var(--borda-2);background:#fff;border-radius:8px;min-height:36px;padding:7px 13px;cursor:pointer;font:inherit;color:var(--texto)}.hbtn:hover{border-color:var(--ouro)}.hbtn.primary{background:#251f12;border-color:#251f12;color:#f8edbf}.hbtn.active{background:#f5ebc8;border-color:#c9a646;font-weight:700}.formline{display:flex;flex-direction:column;gap:5px;font-size:13px}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px}.table td,.table th{text-align:left}.table tr.clickable:hover{background:#faf7ef}.table{width:100%}.page-body{display:flex;flex-direction:column;gap:20px}.wide-search{max-width:580px}.simple-list{display:flex;flex-direction:column;gap:10px}.split{display:grid;grid-template-columns:minmax(260px,1fr) minmax(330px,1.7fr);gap:18px}.noticebox{border:1px solid #e6e0ce;background:#fffaf0;border-radius:9px;padding:12px 16px}.empty{padding:35px;text-align:center;color:var(--texto-3)}.pill-row{display:flex;gap:7px;flex-wrap:wrap}.small-line{color:var(--texto-3);font-size:12px}.section-title{font-size:16px;font-weight:700;margin:0}.modal-shade{position:fixed;inset:0;background:#0008;display:flex;align-items:center;justify-content:center;z-index:30;padding:16px}.modal-card{max-width:600px;width:100%;background:#fff;padding:26px;border-radius:14px;box-shadow:0 20px 80px #0003;display:flex;flex-direction:column;gap:15px;max-height:92vh;overflow:auto}.toast{position:fixed;right:24px;bottom:22px;background:#211c11;color:#fff;padding:13px 18px;border-radius:10px;z-index:50;max-width:350px}.alert-dot{width:8px;height:8px;border-radius:50%;background:#c9a646;display:inline-block}.login-wrap{min-height:100vh;display:grid;place-items:center;background:#101010;padding:22px}.login-panel{max-width:430px;width:100%;background:#faf9f5;padding:35px;border-radius:14px;display:flex;flex-direction:column;gap:20px}.login-panel img{width:150px;align-self:center;background:#111;border-radius:8px;padding:10px}.login-panel .title{text-align:center}.label-muted{font-size:12px;color:#6b6a66}.week-demo{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}.daybox{min-height:135px;background:#faf9f5;border:1px solid #e4e1d8;padding:12px;border-radius:8px}.board-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.board-demo>div{background:#f7f6f2;border-radius:9px;padding:14px;min-height:170px}.kanban-task{background:#fff;border:1px solid #e4e1d8;border-radius:8px;padding:12px;margin:8px 0;display:flex;flex-direction:column;gap:9px}.brand-mini{height:24px}.responsive-table{overflow-x:auto}@media(max-width:900px){.side{height:auto;position:relative;flex-basis:100%;gap:12px}.main{flex-basis:100%;padding:22px 18px}.nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.side-foot{display:none}.split{grid-template-columns:1fr}.week-demo{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.nav{grid-template-columns:1fr 1fr}.nav a{font-size:12px;min-height:35px;padding:5px}.title{font-size:34px}.board-demo{grid-template-columns:1fr}.login-panel{padding:22px}}