:root{--pink:#d53676;--purple:#852c77;--ink:#211c2b;--muted:#767080;--line:#e9e5ed}*{box-sizing:border-box}body{margin:0;background:#f6f7fb;color:var(--ink);font:16px/1.5 Arial,sans-serif}aside{width:240px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:24px 18px} .logo{width:190px;height:82px;object-fit:contain}nav{display:grid;gap:6px;margin-top:26px}nav a{padding:12px 16px;color:var(--muted);text-decoration:none;border-radius:10px}nav a.active{background:#faeaf2;color:#ad2865;font-weight:700}main{margin-left:240px;padding:36px;max-width:1700px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{font-size:30px;margin:0}h2{font-size:20px;margin:0 0 18px}small,.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.card,.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:24px}.card strong{display:block;font-size:30px;margin-top:10px}.panel{margin-bottom:24px}.accent{background:linear-gradient(120deg,var(--purple),var(--pink));color:white}.accent small{color:#f9dbe9}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}label{display:grid;gap:6px;font-size:14px}input,select,textarea{width:100%;padding:12px;border:1px solid #d9d3de;border-radius:8px;background:white;font:inherit;color:var(--ink)}textarea{min-height:90px}button,.button{background:var(--pink);color:white;border:0;padding:12px 20px;border-radius:9px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}button.secondary{background:#ede9f0;color:var(--ink)}form button{margin-top:18px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}th{text-align:left;color:var(--muted);font-weight:500;background:#faf9fc}td,th{padding:14px;border-bottom:1px solid var(--line)}.notice{padding:14px;background:#faeaf2;border-radius:9px;margin-bottom:20px}.login{max-width:440px;margin:80px auto;padding:32px;background:white;border-radius:18px;border:1px solid var(--line)}.login .logo{display:block;margin:auto;width:260px;height:140px}.login label{margin:16px 0}.login button{width:100%}.progress{height:8px;border-radius:8px;background:#f0deeb;margin-top:18px;overflow:hidden}.progress span{display:block;height:100%;background:var(--pink)}a{color:#ad2865}.footer{margin-top:24px;color:var(--muted);font-size:14px}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){aside{position:static;width:100%;padding:12px}aside .logo{height:64px}nav{display:flex;overflow:auto;margin-top:8px}nav a{white-space:nowrap}main{margin:0;padding:18px}.grid,.cards{grid-template-columns:1fr}header{align-items:flex-start;gap:15px}h1{font-size:24px}}

.comparison-chart{display:flex;gap:14px;overflow:auto;padding-top:20px}.month-group{flex:1;min-width:50px;text-align:center}.bars{height:190px;display:flex;gap:4px;align-items:flex-end;justify-content:center;border-bottom:1px solid #ddd}.bar{width:14px;border-radius:4px 4px 0 0}.year-0{background:#d53676}.year-1{background:#852c77}.year-2{background:#323746}.chart-legend{display:flex;gap:22px}.chart-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px}
.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:18px 0}.calendar-head{text-align:center;color:var(--muted);font-size:14px}.calendar-day{min-height:82px;padding:10px;background:#faf9fc;border:1px solid var(--line);border-radius:8px;text-decoration:none;display:grid;gap:8px;color:var(--ink)}.calendar-day span{font-size:14px}.calendar-day.today{border-color:var(--pink);background:#faeaf2}.calendar-day.blank{background:transparent;border:none}.month-picker{display:flex;gap:12px;align-items:end;margin-bottom:22px}.month-picker button{margin:0}.month-picker select{min-width:220px}.actions{display:flex;gap:12px}.timer{font-size:36px;font-variant-numeric:tabular-nums}.alert-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.annual-row{display:grid;grid-template-columns:60px 1fr 130px;gap:14px;align-items:center;margin:16px 0}.annual-track{height:18px;background:#f0edf4;border-radius:5px;overflow:hidden}.annual-track div{height:100%}.year-3{background:#057f85}.year-4{background:#ce7b16}.year-5{background:#4a61b3}.year-6{background:#5d8532}.clear-filter{display:block;margin-bottom:15px}aside nav{margin-top:15px;gap:2px}aside nav a{padding:9px 12px}.grid input,.grid select{min-width:0}aside{overflow-y:auto}@media(max-width:700px){.calendar-day{padding:5px;min-height:65px}.calendar-day span{font-size:12px;overflow-wrap:anywhere}.calendar-head{font-size:12px}.month-picker{flex-wrap:wrap}.annual-row{grid-template-columns:45px 1fr 110px;font-size:14px}aside{overflow:visible}}