:root{font-family:Tahoma,Arial,sans-serif;color:#10211e;background:#f5f7f8;font-size:16px}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#10211e;color:white;padding:36px 24px;display:flex;flex-direction:column;gap:24px}aside strong{font:900 30px Arial;letter-spacing:1px}aside strong span{display:block;color:#ff6238;font-size:12px;margin-top:8px;letter-spacing:5px}aside p{color:#c3d3cf}aside small{margin-top:auto;line-height:1.9;color:#b2c5bd}nav{display:grid;gap:10px}button{font:inherit;cursor:pointer;border:1px solid #d3dfda;border-radius:10px;padding:12px 18px;background:white;color:#18372c}nav button{background:transparent;color:white;text-align:right;border-color:#365047}nav button.active{background:#ff6238;border-color:#ff6238;color:#101e19}button:disabled{opacity:.5;cursor:wait}main{padding:38px 5vw;min-width:0}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d6dfdc;margin-bottom:28px}header small{color:#526b61}h1{font-size:30px}h2{font-size:23px}#login{max-width:500px;background:white;padding:32px;border:1px solid #dde5e1;border-radius:18px;margin:40px auto}p{line-height:1.9}label{display:grid;gap:10px;margin:22px 0}input,select{font:inherit;border:1px solid #bccdc5;border-radius:8px;padding:13px;max-width:100%}input{direction:ltr}#source-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.primary{background:#ff6238;color:#121e18;border-color:#ff6238;width:100%;font-weight:bold}#notice{color:#8e341f;min-height:30px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.card{padding:24px;background:white;border-radius:16px;border:1px solid #dbe4df}.card b{display:block;font-size:40px;margin-top:15px}.tablewrap{overflow:auto;background:white;border-radius:12px}table{width:100%;border-collapse:collapse}td,th{text-align:right;padding:16px;border-bottom:1px solid #e0e8e3;font-size:14px;max-width:340px;overflow-wrap:anywhere}th{background:#e8eeea}footer{margin-top:48px;font-size:14px;color:#5e736a}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #168ec8;outline-offset:3px}[hidden]{display:none!important}@media(max-width:800px){body{grid-template-columns:1fr}aside{padding:20px}nav{grid-template-columns:repeat(2,1fr)}aside small{display:none}.cards{grid-template-columns:repeat(2,1fr)}main{padding:24px}header{align-items:flex-start}h1{font-size:26px}}@media(max-width:400px){.cards{grid-template-columns:1fr}}