*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;background:#f5f6f8;color:#16202a}header{background:linear-gradient(135deg,#1a73e8,#0d47a1);color:#fff;padding:24px 28px}header h1{margin:0 0 6px;font-size:29px}.sub{opacity:.96}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:13px;font-size:14px}nav{display:flex;gap:8px;flex-wrap:wrap;padding:12px;background:#fff;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:10}button,.btn{border:0;border-radius:5px;padding:9px 14px;font-weight:700;cursor:pointer;background:#1a73e8;color:#fff}button.secondary{background:#69737d}button.success{background:#34a853}button.danger{background:#ea4335}button.warn{background:#fbbc04;color:#111}nav button{background:#fff;color:#222;border:1px solid #d4d9df}nav button.active{background:#1a73e8;color:#fff}main{padding:18px;max-width:1600px;margin:auto}.panel{background:#fff;border-radius:9px;padding:22px;margin-bottom:18px;box-shadow:0 2px 8px rgba(0,0,0,.09)}h2,h3{color:#1a73e8}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:14px 0 22px}.card{padding:15px;background:linear-gradient(135deg,#f7f7f7,#ededed);border:1px solid #ddd;border-radius:8px;text-align:center}.card .value{font-size:27px;font-weight:800;color:#1a73e8;margin-top:8px}.card .label{font-size:12px;color:#666}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.chart{background:#fafafa;padding:16px;border-radius:8px;border:1px solid #eee;min-height:390px}.chart canvas{width:100%!important;height:330px!important}.scroll{overflow:auto;max-height:650px;border:1px solid #ddd;border-radius:5px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #ddd;text-align:left;font-size:13px}th{background:#f0f0f0;border-bottom:2px solid #1a73e8;position:sticky;top:0}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-group{margin-bottom:12px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea,select{width:100%;padding:9px;border:1px solid #ccc;border-radius:5px;background:#fff}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0 16px}.toolbar select{width:auto;min-width:170px}.notice{padding:13px;border-left:4px solid #1a73e8;background:#e8f0fe;margin:10px 0 15px;border-radius:3px}.error{border-left-color:#d93025;background:#fce8e6;color:#8b1f18}.successbox{border-left-color:#188038;background:#e6f4ea;color:#145c2e}.warning{border-left-color:#f9ab00;background:#fff7e0;color:#7a4b00}.badge{display:inline-block;padding:3px 8px;border-radius:12px;background:#e8f0fe;color:#174ea6;font-size:12px}.bad{background:#fce8e6;color:#a50e0e}.ok{background:#e6f4ea;color:#137333}.muted{color:#666;font-size:13px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e8f0fe,#f8fbff)}.login-card{width:min(430px,92vw);background:#fff;padding:28px;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.15)}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:100;overflow:auto}.modal-card{background:#fff;max-width:760px;margin:38px auto;padding:20px;border-radius:10px}.modal-head{display:flex;justify-content:space-between;align-items:center}.x{font-size:26px;cursor:pointer}.hidden{display:none!important}footer{text-align:center;color:#657786;padding:20px}.split-title{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.status-confirmed{color:#137333}.status-completed{color:#1967d2}.status-pending{color:#b06000}.status-cancelled{color:#b3261e}@media(max-width:850px){.grid2,.form-row{grid-template-columns:1fr}header h1{font-size:22px}}

.small{padding:5px 9px;font-size:12px;margin:2px}.purple{background:#6f42c1!important}.wide{max-width:980px!important}.export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:15px 0}.filter-box{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:18px;margin:18px 0}.scroll input,.scroll select{min-width:90px;padding:6px}.chart table{background:#fff}.chart{overflow:auto}.modal-card.wide .scroll{max-height:380px}