@tailwind base;@tailwind components;@tailwind utilities;:root{--sidebar-width:220px;--topbar-height:52px;--color-primary:#185fa5;--color-primary-dark:#0c447c;--color-primary-light:#e6f1fb}*{box-sizing:border-box}body{color:#1a1a1a;background:#f5f5f3;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.app-layout{min-height:100vh;display:flex}.app-main{margin-left:var(--sidebar-width);background:#f5f5f3;flex:1;min-height:100vh}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:#5f5e5a;white-space:nowrap;background:#fafaf8;border-bottom:.5px solid #e0dfd8;padding:10px 14px;font-size:12px;font-weight:500}.data-table td{color:#1a1a1a;vertical-align:middle;border-bottom:.5px solid #eeede8;padding:10px 14px}.data-table tbody tr:hover td{background:#fafaf8}.data-table tbody tr:last-child td{border-bottom:none}.pill{border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.pill-green{color:#3b6d11;background:#eaf3de}.pill-amber{color:#854f0b;background:#faeeda}.pill-red{color:#a32d2d;background:#fcebeb}.pill-blue{color:#185fa5;background:#e6f1fb}.pill-gray{color:#5f5e5a;background:#f1efe8}.form-label{color:#5f5e5a;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.form-input,.form-select{color:#1a1a1a;background:#fff;border:.5px solid #c8c7bf;border-radius:8px;width:100%;padding:8px 10px;font-size:13px;transition:border-color .15s}.form-input:focus,.form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #185fa51a}.form-error{color:#a32d2d;margin-top:3px;font-size:11px}.btn{color:#1a1a1a;cursor:pointer;white-space:nowrap;background:#fff;border:.5px solid #c8c7bf;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{background:#f5f5f3;border-color:#888780}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-danger{color:#a32d2d;border-color:#e24b4a}.btn-danger:hover{background:#fcebeb}.btn-sm{padding:5px 10px;font-size:12px}.card{background:#fff;border:.5px solid #e0dfd8;border-radius:12px;overflow:hidden}.card-header{border-bottom:.5px solid #eeede8;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.card-title{color:#1a1a1a;font-size:14px;font-weight:500}.card-body{padding:16px}.data-table-compact th{white-space:normal;word-break:break-word;text-align:center;color:#5f5e5a;background:#fafaf8;border-bottom:.5px solid #e0dfd8;padding:6px 2px;font-size:11px;font-weight:500}.data-table-compact td{vertical-align:middle;border-bottom:.5px solid #eeede8;padding:6px 2px}.form-input-sm,.form-select-sm{color:#1a1a1a;background:#fff;border:.5px solid #c8c7bf;border-radius:6px;width:100%;padding:3px 6px;font-size:12px;transition:border-color .15s}.form-input-sm:focus,.form-select-sm:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #185fa51a}
