*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f3f6fb;color:#17202a}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#2463eb,#0f172a)}.loginCard{width:380px;background:#fff;padding:34px;border-radius:24px;box-shadow:0 20px 60px #0004}.login h1{margin:0 0 6px;font-size:36px}.app{display:flex;min-height:100vh}aside{width:250px;background:#0f172a;color:#fff;padding:26px 18px;position:fixed;top:0;bottom:0}aside h2{font-size:28px;margin:0 0 15px}aside p{color:#cbd5e1;line-height:1.5}aside span{text-transform:uppercase;font-size:12px;color:#93c5fd}aside button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#dbeafe;padding:13px 14px;border-radius:14px;margin:7px 0;cursor:pointer;font-weight:700;text-transform:capitalize}aside button.active,aside button:hover{background:#2563eb;color:#fff}.logout{margin-top:30px!important;background:#334155!important}.content{margin-left:250px;width:calc(100% - 250px);padding:28px 34px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}header h1{margin:0;font-size:34px}header p{margin:5px 0;color:#64748b}button{background:#2563eb;color:#fff;border:0;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer}button:hover{opacity:.9}.danger{background:#ef4444;padding:8px 12px}.notice{background:#e0f2fe;color:#075985;border:1px solid #7dd3fc;padding:12px 16px;border-radius:14px;margin:12px 0}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.cards div{background:#fff;border-radius:20px;padding:18px;box-shadow:0 12px 30px #0f172a12;color:#64748b;font-weight:700}.cards b{display:block;color:#0f172a;font-size:34px;margin-top:8px}.panel{background:#fff;border-radius:22px;padding:22px;margin:18px 0;box-shadow:0 12px 30px #0f172a12}.panel h2{margin-top:0}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #d5dce8;border-radius:12px;background:#fff;font-size:14px}textarea{min-height:75px;margin-top:12px;resize:vertical}.panel button{margin-top:12px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}th,td{text-align:left;padding:13px;border-bottom:1px solid #eef2f7;vertical-align:top}th{background:#eef4ff;color:#17202a;font-size:14px}td{font-size:14px}.toolbar{display:flex;gap:10px;background:#fff;border-radius:18px;padding:14px;box-shadow:0 12px 30px #0f172a12}.toolbar input{max-width:320px}.badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.badge.completed{background:#dcfce7;color:#166534}.badge.planned{background:#dbeafe;color:#1d4ed8}.badge.cancelled{background:#fee2e2;color:#b91c1c}.badge.postponed{background:#fef3c7;color:#92400e}.bars>div{display:grid;grid-template-columns:180px 1fr 40px;gap:12px;align-items:center;margin:12px 0}.bars div div{height:14px;background:#e2e8f0;border-radius:20px;overflow:hidden}.bars i{display:block;height:100%;background:#2563eb;border-radius:20px}@media(max-width:900px){aside{position:static;width:100%}.app{display:block}.content{margin:0;width:100%;padding:18px}.cards,.formgrid{grid-template-columns:1fr}.toolbar{display:block}.toolbar>*{margin-bottom:8px}}.panelTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panelTitle h2{margin:0}.tableWrap{overflow:auto}td,th{white-space:nowrap}.locationBox{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0;padding:12px;background:#eef6ff;border:1px solid #cfe7ff;border-radius:12px}.locationBox span{font-size:13px;color:#334155}a{color:#2563eb;font-weight:700}.muted{color:#64748b;margin-top:-6px}.miniGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.miniCard{border:1px solid #e5edf8;border-radius:16px;padding:14px;background:#f8fbff}.miniCard h3{margin:0 0 10px}.miniCard div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e5edf8}.miniCard div:last-child{border-bottom:0}.miniCard span{white-space:normal}.miniCard b{color:#0f172a}@media(max-width:900px){.miniGrid{grid-template-columns:1fr}}.cards.small{grid-template-columns:repeat(3,1fr)}.avatarLarge{width:72px;height:72px;border-radius:22px;object-fit:cover;border:2px solid #334155;margin:6px 0 10px}.placeholder{display:grid;place-items:center;background:#2563eb;color:#fff;font-size:28px;font-weight:900}.avatarPreview{width:120px;height:120px;border-radius:24px;object-fit:cover;margin:14px 0;border:1px solid #d5dce8}.userGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.userCard{background:#f8fbff;border:1px solid #e5edf8;border-radius:18px;padding:16px}.userCard img{width:72px;height:72px;border-radius:20px;object-fit:cover}.userCard h3{margin:10px 0 4px}.userCard p{color:#64748b;line-height:1.5}.userCard button{margin-right:8px}.secondary{background:#64748b;margin-left:8px}.barRow{display:grid!important;grid-template-columns:minmax(110px,1fr) 1fr auto!important;gap:10px!important;align-items:center!important;border-bottom:1px solid #e5edf8!important}.barRow div{height:12px;background:#e2e8f0;border-radius:999px;overflow:hidden}.barRow i{display:block;height:100%;background:#2563eb;border-radius:999px}.barRow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miniCard .barRow b{min-width:45px;text-align:right}.miniCard p{color:#64748b}.userCard .avatarLarge{margin:0}.app aside .avatarLarge{margin-bottom:0}.formgrid input[type=file]{padding:10px;background:#f8fafc}@media(max-width:900px){.cards.small,.userGrid{grid-template-columns:1fr}.barRow{grid-template-columns:1fr!important}.barRow div{width:100%}}.brandLogo{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:#fff}.brandLogo span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;color:#0f172a;font-size:24px;font-weight:900}.brandLogo b{font-size:24px;letter-spacing:.5px}.brandLogo.big{color:#0f172a;justify-content:center;margin-bottom:18px}.brandLogo.big span{background:#0f172a;color:#fff}.suggestionChips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.chip{background:#e0f2fe;color:#075985;border:1px solid #7dd3fc;padding:7px 10px;border-radius:999px;font-size:12px}.chartCard .barRow b{min-width:92px;text-align:right}.performanceRow{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e5e7eb;padding:10px 0}.performanceRow small{display:block;color:#64748b;font-weight:600;margin-top:3px}.positive{color:#16a34a}.negative{color:#dc2626}.toolbar label{font-weight:800;color:#475569;margin-right:8px}.secondary{background:#64748b;margin-left:10px}.brandLogo img{max-width:130px;max-height:74px;object-fit:contain;background:#fff;border-radius:16px;padding:6px;box-shadow:0 8px 22px #0002}.brandLogo.big img{max-width:190px;max-height:120px;box-shadow:none;padding:0}.summaryPanel{border:1px solid #cfe7d4;background:linear-gradient(180deg,#fff,#f7fff7)}tfoot td{font-weight:900;background:#eef7e8;color:#173b1f}.suggestionChips b{align-self:center;color:#334155;margin-right:4px}.panel .cards.small{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}:root{--green-dark: #0f3d24;--green-main: #1f7a3c;--green-soft: #eaf7ec;--green-light: #f7fcf6;--gold: #b99a45;--text: #183322}body{background:linear-gradient(180deg,#f8fff5,#edf7ea)!important;color:var(--text)!important}.login{background:linear-gradient(135deg,#0f3d24,#1f7a3c)!important}aside{background:linear-gradient(180deg,#0f3d24,#1f7a3c)!important}aside button.active,aside button:hover{background:#ffffff2e!important}button{background:linear-gradient(135deg,#1f7a3c,#4caf64)!important;color:#fff!important;box-shadow:0 10px 22px #1f7a3c38}.panel,.cards div,.loginCard,.toolbar{background:#fffffff5!important;border:1px solid #d8ead4!important;box-shadow:0 18px 45px #0f3d241f!important}.panel{border-radius:26px!important}header h1,.panel h2,.cards b{color:#0f3d24!important}input,select,textarea{border:1px solid #c9ddc8!important;background:#fffefb!important;border-radius:14px!important}input:focus,select:focus,textarea:focus{outline:2px solid #b8dfbd!important;border-color:#1f7a3c!important}th{background:#eaf7ec!important;color:#0f3d24!important}td{border-bottom:1px solid #e6f1e2!important}.badge.completed{background:#dcfce7!important;color:#166534!important}.chip{background:#e8f6e5!important;color:#17602f!important;border:1px solid #b8dfbd!important}.barRow i,.bars i{background:linear-gradient(90deg,#1f7a3c,#93c572)!important}.brandLogo span{background:#fff!important;color:#1f7a3c!important}.danger{background:#dc4d4d!important}.secondary{background:#78956b!important}