*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:#f0f0f0;color:#111;font-size:13px}.top-header{height:105px;background:#fff;border-bottom:1px solid #888;position:relative;padding-top:2px}.company-title{text-align:center;font-weight:800;color:#111;font-size:13px;height:20px}.top-nav{margin:0 auto;width:max-content;min-width:540px;display:flex;justify-content:center;background:linear-gradient(#fafafa,#e5e5e5);border:1px solid #999;border-radius:7px;box-shadow:0 1px 3px #aaa;padding:4px 8px}.top-nav a{width:78px;text-align:center;text-decoration:none;color:#111;padding:2px 3px;border-radius:3px}.top-nav a span{display:block;font-size:23px;line-height:26px}.top-nav a small{display:block;font-size:10px;margin-top:2px}.top-nav a:hover,.top-nav a.active{background:linear-gradient(#8dc8ef,#54a9df)}.work-area{display:flex;gap:6px;padding:5px 5px 0;min-height:calc(100vh - 135px)}.left-panel{width:168px;flex:0 0 168px;background:#ddd;border-right:2px solid #222;padding:7px 5px;overflow:auto}.user-card{background:#fff;border:1px solid #ddd;border-radius:10px;text-align:center;padding:10px 4px;margin-bottom:5px;box-shadow:0 1px 5px #bbb}.side-logo{width:74px;height:74px;object-fit:contain;border-radius:50%;margin-bottom:4px}.user-card strong,.user-card span{display:block}.user-card strong{font-size:12px}.user-card span{font-size:10px;color:#666;margin-top:3px}.side-section-title,.side-link{display:block;margin:3px 0;border-radius:4px;padding:6px 8px;text-decoration:none;font-weight:bold}.side-section-title{background:linear-gradient(#a8d300,#72a000);border:1px solid #557900;color:#fff}.side-link{background:linear-gradient(#555,#222);border:1px solid #111;color:#fff}.side-link:hover,.side-link.active{background:linear-gradient(#777,#444)}.main-content{flex:1;min-width:0;background:#f8f9fa;border:1px solid #999;border-radius:5px;padding:10px;overflow:hidden}.page-head{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#fff,#f2f2f2);border:1px solid #ddd;border-radius:5px;padding:9px 12px;margin-bottom:8px}.page-head h1{margin:0;font-size:20px;color:#123b5d}.page-head p{margin:3px 0 0;color:#666}.date{font-weight:bold}.cards{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:8px;margin-bottom:8px}.cards.compact{grid-template-columns:repeat(4,minmax(140px,1fr))}.card{background:#fff;border:1px solid #ddd;border-radius:9px;padding:9px;box-shadow:0 2px 7px #ddd;min-height:105px}.card .icon{font-size:24px;float:right}.card span{display:block;color:#333;font-weight:bold;font-size:12px}.card strong{display:block;font-size:18px;margin:8px 0}.card small{color:#555}.panel{background:#fff;border:1px solid #ccc;border-radius:5px;margin-bottom:8px;padding:7px;overflow:auto}.panel h2{margin:0 0 7px;background:linear-gradient(#666,#444);color:#fff;text-align:center;padding:6px;border-radius:3px;font-size:14px;text-transform:uppercase}table{width:100%;border-collapse:collapse;font-size:11px}th{background:#666;color:#fff;text-align:left;padding:5px}td{padding:4px;border:1px solid #ccc}tr:nth-child(even){background:#eee}.filters{display:flex;gap:5px;background:#e7e7e7;border:1px solid #bbb;padding:7px;margin-bottom:7px;border-radius:4px}.filters input,.filters select,.form-card input,.form-card select,.form-card textarea{height:32px;border:1px solid #aaa;border-radius:4px;padding:5px;flex:1;min-width:120px}.form-card{background:#fff;border:1px solid #ccc;border-radius:6px;padding:15px;max-width:900px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid2 label,.form-card>label{font-weight:bold;display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.grid2 .wide{grid-column:1/3}button,.btn{cursor:pointer;border:1px solid #777;border-radius:4px;padding:7px 12px;text-decoration:none;display:inline-block}.primary{background:linear-gradient(#9dcc00,#6e9800);color:#fff;border-color:#557900;font-weight:bold}.secondary{background:linear-gradient(#eee,#ccc);color:#111}.danger{background:linear-gradient(#d9534f,#a90000);color:#fff;border-color:#800}.pay{background:#74a600;color:#fff;padding:4px 8px;border-radius:3px;text-decoration:none;font-weight:bold}.green{background:#dcf2dc!important}.red{background:#ffd8d8!important}.badge{display:inline-block;padding:3px 6px;border-radius:3px;font-weight:bold}.badge.green{background:#bde5bd}.badge.red{background:#ffb0b0}.report-menu{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:7px}.report-menu a{background:#333;color:#fff;padding:7px 10px;border-radius:3px;text-decoration:none}.report-menu a.active{background:#80aa00}.hint{background:#fff8dc;border:1px solid #ead78b;padding:8px;border-radius:4px;margin-bottom:7px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#eee}.login-card{width:370px;background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 20px #aaa;text-align:center}.login-card img{width:180px;height:auto}.login-card input{width:100%;height:38px;margin:6px 0;padding:8px;border:1px solid #aaa;border-radius:4px}.login-card button{width:100%;margin-top:8px}.error{color:#b00;margin-top:8px}footer{text-align:center;color:#777;padding:6px;font-size:11px}@media(max-width:1050px){.cards{grid-template-columns:repeat(3,1fr)}.top-nav{min-width:0}.top-nav a{width:70px}}@media(max-width:700px){.work-area{display:block}.left-panel{width:100%;border-right:0}.cards,.cards.compact{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.grid2 .wide{grid-column:auto}.top-nav{overflow:auto;width:100%}}