*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f7f7f9;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:1.5}.header{background:#3b5998;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;box-shadow:0 1px 3px #0000001a}.header-left{align-items:center;gap:12px;display:flex}.header-logo{color:#fff;font-size:14px;font-weight:600;text-decoration:none}.header-nav{color:#fffc;font-size:13px}.header-user{color:#fff;align-items:center;gap:12px;font-size:13px;display:flex}.header-user-name{color:#ffffffe6}.btn-logout{color:#fff;cursor:pointer;background:#0000001a;border:1px solid #00000026;border-radius:3px;padding:4px 10px;font-size:12px;transition:background .15s}.btn-logout:hover{background:#0003}.container{max-width:1200px;margin:0 auto;padding:20px}.box{background:#fff;border:1px solid #c7ccd9;border-radius:3px;margin-bottom:16px;box-shadow:0 1px 3px #00000014}.box-header{color:#333;background:linear-gradient(#f8f8fa,#eef0f4);border-bottom:1px solid #c7ccd9;justify-content:space-between;align-items:center;padding:12px 16px;font-size:16px;font-weight:600;display:flex}.box-body{padding:16px}.form-group{margin-bottom:16px}.form-label{color:#333;margin-bottom:6px;font-weight:600;display:block}.form-input,.form-select,.form-textarea,.form-control{background:#fff;border:1px solid #a6aeba;border-radius:3px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus,.form-control:focus{border-color:#3b5998;outline:none;box-shadow:0 0 0 3px #3b599826}.form-textarea,textarea.form-control{resize:vertical;min-height:80px}input[type=date].form-control,input[type=date]{cursor:pointer;padding:7px 10px}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}select.form-control,select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}input[type=number].form-control,input[type=number]{appearance:textfield}.btn{cursor:pointer;border:none;border-radius:3px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}.btn svg{vertical-align:middle;flex-shrink:0;display:inline}.btn-primary{color:#fff;text-shadow:0 -1px #0003;background:linear-gradient(#5a7dc4,#3b5998);border:1px solid #2d4373}.btn-primary:hover{background:linear-gradient(#4a6db4,#2b4988)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#333;background:linear-gradient(#f8f8fa,#eef0f4);border:1px solid #c7ccd9}.btn-secondary:hover{background:linear-gradient(#e8e8ea,#dfe0e4)}.btn-danger{color:#fff;text-shadow:0 -1px #0003;background:linear-gradient(#d9534f,#c9302c);border:1px solid #ac2925}.btn-danger:hover{background:linear-gradient(#c9443f,#b9201c)}.btn-success{color:#fff;text-shadow:0 -1px #0003;background:linear-gradient(#10b981,#059669);border:1px solid #047857}.btn-success:hover{background:linear-gradient(#059669,#047857)}.btn-link{color:#3b5998;background:0 0;border:none;padding:0;font-weight:400;text-decoration:none}.btn-link:hover{text-decoration:underline}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card{cursor:pointer;background:#fff;border:1px solid #c7ccd9;border-radius:3px;padding:16px;transition:box-shadow .15s,border-color .15s}.card:hover{border-color:#3b5998;box-shadow:0 2px 6px #0000001f}.card-title{color:#333;margin-bottom:8px;font-size:15px;font-weight:600}.card-meta{color:#74777d;margin-bottom:4px;font-size:12px}.alert{border-radius:3px;margin-bottom:16px;padding:12px 16px;font-size:13px}.alert-error{color:#a94442;background:#fef5f5;border:1px solid #ebccd1}.alert-success{color:#3c763d;background:#f0f8f0;border:1px solid #d6e9d6}.alert-info{color:#31708f;background:#f0f7fc;border:1px solid #bce8f1}.loading{color:#74777d;justify-content:center;align-items:center;min-height:200px;display:flex}.spinner{border:2px solid #e0e0e0;border-top-color:#3b5998;border-radius:50%;width:20px;height:20px;margin-right:8px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.list{list-style:none}.list-item{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.list-item:last-child{border-bottom:none}.list-item-title{color:#333;font-weight:600}.list-item-meta{color:#74777d;margin-top:2px;font-size:12px}.badge{color:#333;background:#eef0f4;border-radius:3px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-primary{color:#fff;background:#3b5998}.badge-success{color:#fff;background:#10b981}.badge-danger{color:#fff;background:#ef4444}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.stat-card{background:#f7f7f9;border:1px solid #e0e0e0;border-radius:4px;padding:16px}.stat-label{color:#74777d;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.stat-value{font-size:24px;font-weight:700;line-height:1.2}.stat-value.income{color:#10b981}.stat-value.expense{color:#ef4444}.stat-value.balance-positive{color:#10b981}.stat-value.balance-negative{color:#ef4444}.filter-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-controls label{color:#333;align-items:center;gap:6px;font-size:13px;display:flex}.filter-controls .form-input{width:auto}.empty-state{text-align:center;color:#74777d;padding:40px 20px}.empty-state-icon{opacity:.5;margin-bottom:12px;font-size:48px}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:4px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 4px 16px #0003}.modal-header{background:#f7f7f9;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{color:#333;margin:0;font-size:16px;font-weight:600}.modal-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:24px;display:flex}.modal-close:hover{color:#333;background:#e0e0e0}.modal-content>form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal-body{flex:1;min-height:0;padding:20px;overflow-y:auto}.modal-footer,.modal-actions{background:#f7f7f9;border-top:1px solid #e0e0e0;justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.modal-body .form-group label{color:#333;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.modal-body h2{color:#333;margin:0 0 20px;font-size:18px;font-weight:600}.auth-container{flex-direction:column;min-height:100vh;display:flex}.auth-main{flex:1;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex}.auth-box{background:#fff;border:1px solid #c7ccd9;border-radius:3px;width:100%;max-width:400px;box-shadow:0 1px 3px #00000014}.layout{min-height:calc(100vh - 40px);display:flex}.sidebar{background:#fff;border-right:1px solid #c7ccd9;flex-shrink:0;width:220px;padding:16px 0}.sidebar-header{color:#74777d;text-transform:uppercase;letter-spacing:.5px;padding:8px 16px;font-size:11px;font-weight:600}.menu-item{color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;align-items:center;width:100%;padding:8px 16px;font-family:inherit;font-size:13px;text-decoration:none;transition:background .15s;display:flex}.menu-item:hover{background:#f5f7ff}.menu-item.active{color:#3b5998;background:#e8ecf5;font-weight:600}.menu-item svg{flex-shrink:0;width:16px;height:16px;margin-right:10px}.menu-item .badge{color:#fff;background:#3b5998;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:600}.main-with-sidebar{flex:1;padding:24px;overflow-x:auto}.panel{background:#fff;border:1px solid #c7ccd9;border-radius:3px;margin-bottom:20px;box-shadow:0 1px 3px #00000014}.panel-header{color:#333;background:linear-gradient(#f8f8fa,#eef0f4);border-bottom:1px solid #c7ccd9;justify-content:space-between;align-items:center;padding:12px 16px;font-size:16px;font-weight:600;display:flex}.panel-body{padding:0}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #e8e8e8;padding:10px 16px}.table th{color:#555;text-transform:uppercase;letter-spacing:.5px;background:#fafafa;font-size:12px;font-weight:600}.table tr:last-child td{border-bottom:none}.table tbody tr:hover td{cursor:pointer;background:#f5f7ff}.table .user-name{color:#3b5998;font-weight:600}.table .user-email{color:#74777d;font-size:12px}.badge-active{color:#1e7e34;background:#e6f4ea}.badge-inactive{color:#c53030;background:#fce8e8}.capitalize{text-transform:capitalize}.text-center{text-align:center}.text-muted{color:#74777d}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mr-2{margin-right:8px}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-gap{gap:8px}@media (max-width:1024px){.header-left{gap:8px}.header-nav,.table{font-size:12px}.grid{grid-template-columns:1fr!important}}@media (max-width:768px){.sidebar{z-index:999;transition:left .3s;position:fixed;top:40px;bottom:0;left:-220px;box-shadow:2px 0 8px #0000001a}.sidebar.open{left:0}.layout{flex-direction:column}.main-with-sidebar{width:100%;padding:16px}.header{height:auto;min-height:40px;padding:8px 12px}.header-left{gap:6px}.header-logo{font-size:16px}.header-nav{font-size:11px}.header-user-name{display:none}.btn-logout{padding:4px 12px;font-size:12px}.panel-header{flex-direction:column;align-items:flex-start;gap:8px}.panel-header .btn{width:100%}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{min-width:600px;font-size:11px}.table th,.table td{padding:8px 6px}.box-header{flex-direction:column;align-items:flex-start;gap:8px}.box-header .btn{width:100%}.box-body{padding:12px}.form-group{margin-bottom:12px}.modal-overlay{padding:10px}.modal-content{width:100%;max-height:95vh;max-width:100%!important}.modal-header h3{font-size:16px}.modal-body{padding:12px}.modal-footer{flex-direction:column;gap:8px;padding:12px}.modal-footer .btn{width:100%}.btn{padding:8px 12px;font-size:12px}.container{padding:16px}}@media (max-width:480px){.header-logo{font-size:14px}.header-nav{display:none}.table{font-size:10px}.badge{padding:1px 4px;font-size:9px}.panel-body,.box-body{padding:8px}}.mobile-menu-toggle{cursor:pointer;color:#fff;background:0 0;border:none;padding:8px;display:none}@media (max-width:768px){.mobile-menu-toggle{display:block}}.sidebar-overlay{z-index:998;background:#00000080;display:none;position:fixed;inset:40px 0 0}.sidebar-overlay.open{display:block}.step-indicator{align-items:center;gap:4px;margin-bottom:20px;padding:0 4px;display:flex}.step-dot{background:#d1d5db;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:background .2s}.step-dot.active{background:#3b5998}.step-dot.done{background:#10b981}.step-line{background:#d1d5db;flex:1;height:2px}.step-line.done{background:#10b981}.step-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.step-title h4{color:#333;margin:0;font-size:15px;font-weight:600}.step-counter{color:#888;font-size:12px;font-weight:500}.checklist-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:480px){.checklist-grid{grid-template-columns:1fr}}.inspection-card{border:1px solid #e0e0e0;border-radius:6px;margin-bottom:8px;overflow:hidden}.inspection-card-header{cursor:pointer;background:#fafafa;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .15s;display:flex}.inspection-card-header:hover{background:#f0f0f0}.inspection-card-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.inspection-date{color:#333;white-space:nowrap;font-size:14px;font-weight:600}.inspection-notes-preview{color:#888;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.inspection-badges{flex-shrink:0;gap:6px;display:flex}.inspection-card-body{background:#fff;border-top:1px solid #e0e0e0;padding:12px 16px}.inspection-notes-full{color:#555;white-space:pre-wrap;background:#f9f9f9;border-radius:4px;margin-bottom:12px;padding:8px 12px;font-size:13px}.inspection-expand-icon{color:#888;flex-shrink:0;margin-left:8px;transition:transform .2s}.inspection-expand-icon.open{transform:rotate(180deg)}.summary-table{border-collapse:collapse;width:100%}.summary-table th,.summary-table td{text-align:left;border-bottom:1px solid #eee;padding:8px 12px;font-size:13px}.summary-table th{color:#555;background:#f9f9f9;font-weight:600}.summary-status{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.summary-status.inspected{color:#065f46;background:#d1fae5}.summary-status.skipped{color:#92400e;background:#fef3c7}.hive-checkboxes{background:#fff;border:1px solid #c7ccd9;border-radius:4px;flex-wrap:wrap;gap:8px;max-height:150px;padding:8px;display:flex;overflow-y:auto}.hive-checkbox-item{cursor:pointer;white-space:nowrap;background:#f7f7f9;border-radius:3px;align-items:center;gap:4px;padding:2px 6px;font-size:13px;display:flex}.hive-checkbox-item:hover{background:#e8e8ec}.hive-checkbox-item input[type=checkbox]{cursor:pointer}