*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;font-size:18px;line-height:1.5;background:#f5f5f5;color:#111}.site-header,.topbar{border-bottom:2px solid #111;background:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:24px;font-weight:800;border:2px solid #111;padding:7px 12px}.site-header nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.site-header a{color:#111;text-decoration:none;border:2px solid #111;padding:8px 12px}.hero{margin-top:20px}.panel{border:2px solid #111;background:#fff;padding:20px;margin:20px}.hero h1{font-size:34px}.section-title{border-bottom:2px solid #111;margin-bottom:18px}.btn{font-size:18px;min-height:48px;padding:8px 16px;border:2px solid #111;background:#fff;cursor:pointer}.btn-dark{background:#111;color:#fff}.btn-primary{background:#111;color:#fff}.full{width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card,.stat{border:2px solid #111;background:#fff;padding:18px}.stat span{display:block;border-bottom:2px solid #111;padding-bottom:6px}.stat strong{font-size:30px;display:block;padding-top:8px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.layout{display:flex;min-height:calc(100vh - 76px)}.sidebar{width:230px;border-right:2px solid #111;background:#fff;padding:12px;display:flex;flex-direction:column;gap:8px}.nav-btn{font-size:18px;text-align:left;padding:10px;border:2px solid #111;background:#fff;cursor:pointer}.nav-btn.active{background:#111;color:#fff}.content{flex:1;padding:20px}.content>.screen{max-width:1250px;margin:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label{font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.modal input{display:block;width:100%;margin-top:6px;border:2px solid #111;padding:12px;font-size:19px;background:#fff}.form-grid textarea{min-height:110px;resize:vertical}.form-actions{grid-column:1/-1}.table-wrap{overflow:auto;border:2px solid #111;background:#fff;margin-top:18px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{border:1.5px solid #111;padding:10px;text-align:left}th{font-weight:800;background:#eee}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{width:min(500px,100%);border:2px solid #111;background:#fff;padding:22px;position:relative}.close{position:absolute;right:10px;top:8px;font-size:28px;border:2px solid #111;background:#fff;cursor:pointer}.message{border:2px solid #111;padding:10px;min-height:25px}.hidden{display:none!important}.customer-content{max-width:1100px;margin:auto}.file-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.muted{color:#444}@media(max-width:800px){.site-header,.topbar{align-items:flex-start;flex-direction:column}.layout{display:block}.sidebar{width:auto;border-right:0;border-bottom:2px solid #111;display:grid;grid-template-columns:repeat(2,1fr)}.content{padding:8px}.panel{margin:10px;padding:14px}.form-grid{grid-template-columns:1fr}.hero h1{font-size:28px}.site-header nav{width:100%}.site-header nav>*{flex:1;text-align:center}.brand{font-size:21px}}