*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#17202a;font-family:Tahoma,Arial,sans-serif}header{position:fixed;top:0;right:0;left:0;height:70px;background:#111827;color:#fff;display:flex;align-items:center;gap:15px;padding:0 20px;z-index:5}header button{background:none;border:0;color:#fff;font-size:25px}header b{font-size:20px}header small{color:#b8c1cc}header i{margin-right:auto;font-size:12px;font-style:normal}aside{position:fixed;right:0;top:70px;bottom:0;width:230px;background:#fff;padding:20px 12px;border-left:1px solid #ddd;z-index:4}aside button{display:block;width:100%;border:0;background:none;text-align:right;padding:13px;border-radius:9px;margin:3px 0;font-size:15px}aside button:hover{background:#eef2ff}main{margin-right:230px;padding:95px 25px}.page{display:none;max-width:1200px;margin:auto}.page.active{display:block}h1{font-size:28px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cards>div{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;color:#667085}.cards strong{display:block;font-size:30px;color:#111827;margin-top:12px}article{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;margin-top:20px}table{width:100%;border-collapse:collapse}th,td{text-align:right;padding:12px;border-bottom:1px solid #eee}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project{border:1px solid #e5e7eb;border-radius:12px;padding:18px}.project button,#save{background:#2563eb;color:#fff;border:0;padding:12px 20px;border-radius:8px}.info{display:grid;grid-template-columns:1fr 1fr;gap:5px}.notice{background:#fff8e6;border:1px solid #f0d98a;border-radius:10px;padding:15px}label{display:block;font-weight:bold;margin-bottom:15px}input{display:block;width:100%;padding:13px;margin-top:7px;border:1px solid #ccd2da;border-radius:8px;font:inherit;direction:ltr}.ok{color:#067647}.err{color:#b42318}@media(max-width:750px){aside{transform:translateX(100%);transition:.2s}aside.open{transform:translateX(0)}main{margin-right:0;padding:90px 14px}.cards,.project-grid,.info{grid-template-columns:1fr 1fr}header small{display:none}}