.sf-wrap{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px rgba(0,0,0,.08);max-width:1180px;overflow:hidden}.sf-wrap *{box-sizing:border-box}.sf-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 20px!important;align-items:start}.sf-row{margin-bottom:14px;min-width:0}.sf-row label{display:block;font-weight:700;margin-bottom:6px;line-height:1.4}.sf-row input,.sf-row select,.sf-row textarea{width:100%;max-width:100%;padding:9px;border:1px solid #ccd3dc;border-radius:6px;background:#fff;font-size:14px}.sf-row textarea{resize:vertical;min-height:150px}.sf-date-wrap{display:flex!important;align-items:center;gap:6px;white-space:nowrap}.sf-date-wrap input.sf-year{width:84px!important;min-width:84px!important}.sf-date-wrap input.sf-month,.sf-date-wrap input.sf-day{width:62px!important;min-width:62px!important}.sf-type-section{display:none}.sf-btn{background:#17375e;color:#fff!important;border:0;border-radius:6px;padding:10px 18px;cursor:pointer;text-decoration:none!important;display:inline-block;margin:2px;line-height:1.2}.sf-btn.gray{background:#6b7280}.sf-btn.red{background:#b91c1c}.sf-table-wrap{width:100%;overflow-x:auto}.sf-table{width:100%;border-collapse:collapse;background:#fff}.sf-table th,.sf-table td{border-bottom:1px solid #e5e7eb;padding:10px;text-align:left;vertical-align:middle;white-space:nowrap}.sf-table th{background:#eef3fa}.sf-filter{display:grid!important;grid-template-columns:2fr 1fr auto auto!important;gap:10px;margin-bottom:18px;align-items:center}.sf-filter input,.sf-filter select{padding:9px;border:1px solid #ccd3dc;border-radius:6px}.sf-photo{max-width:120px;max-height:160px;border:1px solid #ddd;border-radius:6px;display:block;margin-bottom:8px}.sf-alert-red{background:#fee2e2}.sf-alert-yellow{background:#fef3c7}.sf-alert-green{background:#dcfce7}.sf-history{border-left:4px solid #17375e;padding:10px 15px;margin:12px 0;background:#f8fafc}.sf-muted{color:#64748b;font-size:13px}.sf-section-title{border-bottom:2px solid #17375e;padding-bottom:6px;margin-top:22px}.sf-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sf-inline-form{display:inline;margin:0}.sf-login-panel{text-align:center;padding:35px 20px}.sf-login-box{max-width:430px;margin:30px auto}.sf-login-box input[type=text],.sf-login-box input[type=password]{width:100%;padding:10px;border:1px solid #ccd3dc;border-radius:6px}.sf-login-box .login-submit input{background:#17375e;color:#fff;border:0;border-radius:6px;padding:10px 18px;cursor:pointer}.sf-no-access{background:#fff3cd;border:1px solid #ffe08a;border-radius:8px;padding:14px;margin:14px 0}@media(max-width:900px){.sf-grid,.sf-filter{grid-template-columns:1fr!important}.sf-date-wrap{gap:4px}.sf-date-wrap input.sf-year{width:76px!important;min-width:76px!important}.sf-date-wrap input.sf-month,.sf-date-wrap input.sf-day{width:54px!important;min-width:54px!important}}
.sf-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.sf-summary-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:16px;text-align:center}.sf-summary-num{font-size:30px;font-weight:800;color:#17375e}.sf-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;margin:18px 0}.sf-due{display:inline-block;border-radius:999px;padding:4px 10px;font-weight:700}.sf-filter-wide{grid-template-columns:2fr 1fr 1fr 1fr auto auto!important}.sf-message{border-left:4px solid #17375e}.sf-error{border-left-color:#b91c1c;background:#fef2f2}.sf-photo{background:#f8fafc}.sf-alert-red{background:#fee2e2!important;color:#991b1b}.sf-alert-yellow{background:#fef3c7!important;color:#92400e}.sf-alert-green{background:#dcfce7!important;color:#166534}@media(max-width:900px){.sf-summary-grid{grid-template-columns:1fr}.sf-filter-wide{grid-template-columns:1fr!important}}
.sf-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sf-list-head h2{margin:0}.sf-count{font-weight:700;color:#17375e;background:#eef3fa;border-radius:999px;padding:6px 12px}.sf-filter-wide{grid-template-columns:2fr 1fr 1fr 1fr!important}.sf-loading{opacity:.55}@media(max-width:900px){.sf-list-head{align-items:flex-start;flex-direction:column}.sf-filter-wide{grid-template-columns:1fr!important}}

/* v7.2 photo improvements */
.sf-photo-row{grid-row:span 4}.sf-photo-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px;display:inline-block;max-width:100%}.sf-photo-large{width:240px!important;height:320px!important;max-width:100%!important;max-height:none!important;object-fit:cover;border:1px solid #cbd5e1;border-radius:10px;display:block;margin:0;cursor:zoom-in;box-shadow:0 2px 8px rgba(15,23,42,.12);transition:transform .15s ease, box-shadow .15s ease}.sf-photo-large:hover{transform:scale(1.015);box-shadow:0 6px 18px rgba(15,23,42,.18)}.sf-photo-placeholder{width:240px;height:320px;max-width:100%;border:2px dashed #cbd5e1;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#64748b;background:#fff}.sf-photo-input{margin-top:10px}.sf-lightbox{position:fixed;z-index:99999;inset:0;background:rgba(15,23,42,.86);display:none;align-items:center;justify-content:center;padding:24px}.sf-lightbox.is-open{display:flex}.sf-lightbox img{max-width:92vw;max-height:92vh;border-radius:10px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.35)}.sf-lightbox-close{position:absolute;top:16px;right:20px;color:#fff;font-size:34px;line-height:1;cursor:pointer;background:transparent;border:0}@media(max-width:900px){.sf-photo-row{grid-row:auto}.sf-photo-large,.sf-photo-placeholder{width:180px!important;height:240px!important}}