:root{--grad-a:93,166,250;--grad-b:138,89,216;--grad-c:96,120,226;--text-on-grad:#f7faff;--text-dim:#dbe7ff;--shadow:0 6px 26px #0f172a40;--ring:0 0 0 2px #ffffff59}body{overflow-x:hidden}body,html{width:100%}.app-main{padding-top:calc(64px + env(safe-area-inset-top, 0px))}.app-page-bg{background:#f9fafb}.navbar{-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px);background:linear-gradient(135deg,rgba(var(--grad-a),1) 8%,rgba(var(--grad-b),1) 38%,rgba(var(--grad-c),1) 100%);box-shadow:var(--shadow);box-sizing:border-box;height:64px;inset:0 auto auto 0;padding:0 calc(16px + env(safe-area-inset-right, 0px)) 0 calc(16px + env(safe-area-inset-left, 0px));position:fixed;width:100%;z-index:1000}.navbar,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:var(--text-on-grad);flex-shrink:0;font-size:1.15rem;font-weight:800;letter-spacing:.3px;margin-right:min(6vw,48px);text-decoration:none}.navbar-logo-img{height:40px;margin-right:12px;object-fit:contain;width:auto}.navbar-logo-text{max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-content{flex:1;gap:12px}.navbar-content,.navbar-links.desktop{align-items:center;display:flex;min-width:0}.navbar-links.desktop{flex:0 1 auto;gap:8px;justify-content:center;margin:0 auto}.nav-link{--bg:#ffffff1f;--bg-hover:#ffffff2e;--bg-active:#fff;--text:var(--text-on-grad);--text-active:#14213d;align-items:center;border:1px solid #0000;border-radius:10px;color:var(--text);display:inline-flex;font-size:.98rem;font-weight:600;gap:10px;letter-spacing:.2px;padding:8px 12px;position:relative;text-decoration:none;transition:all .18s ease;white-space:nowrap}.nav-link:hover{background:var(--bg-hover);transform:translateY(-1px)}.nav-link:focus-visible{box-shadow:var(--ring);outline:none}.nav-link.active{background:var(--bg-active);box-shadow:0 2px 12px #ffffff59;color:var(--text-active)}.nav-link .icon{font-size:1.1rem;opacity:.95}.navbar-user.desktop{align-items:center;display:flex;flex-shrink:0;gap:10px;margin-left:auto}.navbar-user-img{border:2px solid #fff;border-radius:999px;box-shadow:0 0 0 2px #0000001a;height:34px;object-fit:cover;width:34px}.logout-btn{background:#0000;border:none;border-radius:10px;color:var(--text-on-grad);cursor:pointer;font-weight:700;padding:8px 10px;transition:all .18s ease}.logout-btn:hover{background:#ffffff29;color:#0b1324}.navbar-toggle{align-items:center;background:none;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:28px;height:44px;justify-content:center;transition:background .18s ease;width:44px;z-index:2100}.navbar-toggle:hover{background:#ffffff1f}.sidebar-drawer{background:#0f172a;box-shadow:none;box-sizing:border-box;color:#e5e7eb;display:flex;flex-direction:column;height:100vh;max-width:100vw;padding:68px 16px 20px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.7,.2,1);width:clamp(280px,88vw,420px);will-change:transform;z-index:2000}.sidebar-drawer.open{box-shadow:-10px 0 30px #0206178c;transform:translateX(0)}.drawer-close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:14px;top:10px}.drawer-brand{align-items:center;display:flex;gap:8px;left:54px;position:absolute;top:12px}.drawer-brand-img{filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));height:28px;object-fit:contain;width:28px}.drawer-brand-text{color:#f9fafb;font-weight:800;letter-spacing:.3px}.navbar-user-img-sidebar{border:2px solid #fff;border-radius:999px;height:40px;left:14px;object-fit:cover;position:absolute;top:14px;width:40px}.drawer-section-title{border-top:1px solid #ffffff0f;color:#9ca3af;font-size:.7rem;letter-spacing:.12em;padding:18px 2px 8px;text-transform:uppercase}.drawer-link{align-items:center;border-radius:10px;color:#8a8a8b;display:flex;font-size:1rem;font-weight:600;gap:12px;padding:12px 4px;text-decoration:none;transition:background .18s ease}.drawer-link .icon{font-size:1.1rem;opacity:.95}.drawer-link:hover{background:#ffffff0f}.drawer-link.active{background:#111827;color:#93c5fd}.reports-view-btn{align-items:center;background:#28a745;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:6px;padding:9px 14px;text-decoration:none;transition:all .2s ease}.reports-view-btn:hover{background:#218838;transform:translateY(-1px)}.reports-view-btn.sidebar{background:#0000;border:1px solid #28a745;border-radius:12px;color:#28a745;margin-top:6px;padding:12px 10px}.reports-view-btn.sidebar:hover{background:#28a745;color:#fff;transform:none}.sidebar-overlay{animation:fade-in .18s forwards;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#02061773;inset:0;opacity:0;position:fixed;z-index:1500}@keyframes fade-in{to{opacity:1}}@media (max-width:1400px){.navbar-links.desktop,.navbar-user.desktop{display:none}.navbar-toggle{display:flex;z-index:2001}.navbar-content{justify-content:flex-end}.navbar-toggle{margin-right:8px}}@media (min-width:1201px){.sidebar-drawer,.sidebar-overlay{display:none}}@media (prefers-reduced-motion:reduce){.nav-link:hover{transform:none}.sidebar-drawer{transition:none}}.login-shell{--brand-primary:#0d47a1;--brand-accent:#1976d2;--surface:#fff;--surface-alt:#f5f8fb;--radius-lg:28px;--text-muted:#607d8b;--gradient1:#0d47a1;--gradient2:#1565c0;--gradient3:#42a5f5;background:linear-gradient(135deg,#e3f2fd,#f5f8fb 60%,#eef5fa);display:grid;grid-template-columns:1fr minmax(420px,480px);min-height:100vh;overflow:hidden;position:relative}@media (max-width:920px){.login-shell{grid-template-columns:1fr}.login-aside{display:none}}.login-card{--glow:linear-gradient(120deg,#0d47a166,#1976d28c,#42a5f559);-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);background:var(--surface);border:1px solid #0d47a11f;border-radius:var(--radius-lg);box-shadow:0 10px 40px -8px #00000026,0 2px 6px #0000000f;display:flex;flex-direction:column;justify-self:center;margin:clamp(16px,4vh,48px);max-width:560px;padding:clamp(28px,4vh,56px) clamp(28px,5vw,72px);position:relative;z-index:2}@media (prefers-reduced-motion:no-preference){.login-card:before{animation:loginGlow 8s linear infinite;background:var(--glow);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;padding:1px;pointer-events:none;position:absolute}@keyframes loginGlow{0%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(120deg) brightness(1.07)}to{filter:hue-rotate(1turn) brightness(1)}}}.login-brand{text-align:center}.login-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:auto;margin-bottom:10px;width:82px}.login-title{background:linear-gradient(90deg,#0d47a1,#1565c0 40%,#42a5f5);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(1.9rem,2.2vw,2.6rem);font-weight:800;letter-spacing:.5px;margin:0 0 4px}.login-subtitle{color:var(--text-muted);font-weight:500;letter-spacing:.5px;margin:0 0 24px}.login-action{margin-top:4px}.login-section-heading{color:var(--brand-primary);font-size:1.125rem;font-weight:700;letter-spacing:.5px;margin:0 0 12px}.login-disclaimer{color:#546e7a;font-size:12px;line-height:1.4;margin-top:20px;max-width:320px}.login-footer{color:#90a4ae;font-size:11px;font-weight:500;letter-spacing:.5px;margin-top:40px;text-align:center}.login-footer a{color:var(--brand-accent);font-weight:600;margin:0 6px;text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-aside{align-items:center;display:flex;overflow:hidden;padding:64px 56px;position:relative}.login-gradient{background:linear-gradient(135deg,var(--gradient1),var(--gradient2) 55%,var(--gradient3));inset:0;opacity:.92;position:absolute}.login-aside-content{color:#fff;max-width:520px;position:relative;z-index:1}.login-aside-content h2{font-size:clamp(1.8rem,2.4vw,2.8rem);font-weight:800;letter-spacing:.5px;margin:0 0 16px}.login-aside-content p{font-size:1rem;font-weight:400;line-height:1.6;margin:0 0 20px}.login-aside-content ul{display:flex;flex-wrap:wrap;gap:14px;list-style:none;margin:0;padding:0}.login-aside-content li{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff40;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:10px 16px}.login-spinner{animation:spin .9s linear infinite;border:3px solid #1976d240;border-radius:50%;border-top-color:#1976d2;height:28px;margin-inline:auto;width:28px}@keyframes spin{to{transform:rotate(1turn)}}.visually-hidden{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;white-space:nowrap;width:1px}.login-error-msg{color:#d32f2f;font-size:12px;min-height:18px}@media (prefers-color-scheme:dark){.login-error-msg{color:#ef5350}.login-spinner{border:3px solid #42a5f540;border-top-color:#42a5f5}}.login-card :focus-visible{border-radius:6px;outline:3px solid #42a5f5;outline-offset:3px}.login-shell:after,.login-shell:before{background:radial-gradient(circle at 30% 30%,#1976d259,#0000 70%);border-radius:50%;content:"";filter:blur(12px);height:580px;left:-160px;position:absolute;top:-160px;width:580px}.login-shell:after{background:radial-gradient(circle at 70% 70%,#0d47a166,#0000 70%);bottom:-180px;left:auto;right:-140px;top:auto}@media (max-width:560px){.login-card{margin:24px 14px;padding:40px 28px 52px}.login-title{font-size:2rem}.login-footer{margin-top:32px}}@media (prefers-color-scheme:dark){.login-shell{background:linear-gradient(140deg,#0b1117,#0d2538)}.login-card{background:#121f2ce6;box-shadow:0 10px 40px -8px #0009}.login-subtitle{color:#b0bec5}.login-disclaimer{color:#90a4ae}.login-footer{color:#78909c}.login-shell:before{background:radial-gradient(circle at 30% 30%,#2a68a880,#0000 70%)}.login-shell:after{background:radial-gradient(circle at 70% 70%,#124a8a8c,#0000 70%)}.login-aside-content li{background:#ffffff26}}.table-responsive{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto;width:100%}.application-table{background-color:initial;border-collapse:initial;border-spacing:0 10px;font-family:Segoe UI,sans-serif;margin-top:24px;min-width:600px;width:100%}.application-table thead th{background-color:initial;color:#555;font-size:.85rem;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;transition:background-color .2s;-webkit-user-select:none;user-select:none}.application-table thead th:hover{background-color:#f0f4f8}.table-header{background-color:#f4f8fb;border-bottom:2px solid #e0e0e0}.application-table tbody td{background-color:#fff;border-radius:1px;box-shadow:0 1px 4px #0000000d;color:#181c24;font-size:.95rem;padding:16px;text-align:left;transition:background .2s ease;vertical-align:middle}@media (max-width:700px){.application-table{font-size:.92rem;min-width:480px}.application-table tbody td,.application-table thead th{padding:10px 8px}}@media (max-width:500px){.application-table{font-size:.85rem;min-width:340px}.application-table tbody td,.application-table thead th{padding:8px 4px}}.initial-badge{background:#e0f7fa;border-radius:50%;color:#00bcd4;display:inline-block;font-size:1.2rem;font-weight:700;height:32px;line-height:32px;margin-right:10px;text-align:center;vertical-align:middle;width:32px}.application-table tbody tr td:first-child{border-bottom-left-radius:1px;border-top-left-radius:1px}.application-table tbody tr td:last-child{border-bottom-right-radius:8px;border-top-right-radius:8px}.application-table tbody tr:hover td{background-color:#f1faff}.status-tag{border-radius:999px;display:inline-block;font-size:13px;font-weight:600;min-width:90px;padding:4px 10px;text-align:center;text-transform:capitalize}.status-tag.completed{background-color:#fff3cd;color:#b88900}.status-tag.approved{background-color:#e7f8e6;color:#00b336}.status-tag.pending{background-color:#fff3cd;color:#b88900}.status-tag.declined,.status-tag.rejected{background-color:#ffe6e6;color:#c62828}.action-button{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:opacity .2s,transform .1s}.action-button:hover{opacity:.9;transform:translateY(-1px)}.action-button:active{transform:translateY(0)}.approve-button{background:#4caf50;color:#fff}.decline-button{background:#f44336;color:#fff}.modal-overlay{background:#0006;bottom:0;left:0;right:0;top:0;z-index:3000}.modal-content{background:#fff;border-radius:28px;max-height:95vh;max-width:900px;position:relative;width:100%}.modal-close{background:none;border:none;color:#181c24;cursor:pointer;font-size:2rem;position:absolute;right:16px;top:12px}.stock-transfer-report.app-mobile{background:#f6f7fb;min-height:100dvh}.st-app-content{padding:16px 16px calc(env(safe-area-inset-bottom) + 96px)}.st-app-header{align-items:center;background:linear-gradient(135deg,#2c5aa0,#1e3d6f);box-shadow:0 6px 18px #1e3d6f40;color:#fff;display:flex;gap:10px;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 10px) 14px 10px 12px;position:sticky;top:var(--global-nav-height,64px);z-index:10}.st-app-header-center{align-items:center;display:flex;flex:1;flex-direction:column;gap:2px}.st-app-title{font-weight:800;letter-spacing:.2px}.st-app-subtitle{font-size:.8rem;opacity:.9}.st-app-progress{background:#ffffff26;border-radius:999px;font-weight:700;padding:6px 10px}.st-section-chips{-webkit-overflow-scrolling:touch;background:#f6f7fb;border-bottom:1px solid #e6e8ef;display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;padding:10px 12px;position:sticky;top:calc(var(--global-nav-height, 64px) + 56px);z-index:9}.st-section-chips .st-chip{appearance:none;background:#fff;border:1px solid #d7dce6;border-radius:999px;color:#1e3d6f;font-weight:700;padding:8px 12px;white-space:nowrap}.st-sticky-action{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-top:1px solid #e6e8ef;bottom:0;display:grid;left:0;padding:10px 16px calc(env(safe-area-inset-bottom) + 12px);place-items:center;position:fixed;right:0;z-index:10}.st-sticky-action .submit-btn{max-width:640px;width:100%}.items-table{background-color:initial;border:none;border-radius:8px}.table-header{background:linear-gradient(135deg,#2c5aa0,#667eea);border-radius:8px 8px 0 0;color:#fff;font-size:.85rem;font-weight:600}.table-header,.table-row{display:grid;gap:8px;grid-template-columns:1fr 1.5fr .8fr .8fr .8fr 80px;padding:12px}.table-row{align-items:start;background-color:initial;border-bottom:none}.table-row .form-group{display:flex;flex-direction:column;margin:0}.table-row .form-group input,.table-row .form-group select{background-color:#fff;border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:8px 10px}.table-row .form-group input:focus,.table-row .form-group select:focus{border-color:#2c5aa0;box-shadow:0 0 0 2px #2c5aa033;outline:none}.add-row-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:10px 20px;transition:transform .12s ease,filter .12s ease}.add-row-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.remove-btn{background:linear-gradient(135deg,#dc3545,#e74c3c);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:transform .12s ease,filter .12s ease}.remove-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.form-section{background-color:#fff;border-radius:8px;margin-bottom:20px}.form-section h2{border-bottom:none;color:#2c5aa0;font-size:1.3rem;font-weight:600;margin:0 0 15px;padding-bottom:8px}.form-group{margin-bottom:15px}.form-group label{font-size:.9rem;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #ddd;border-radius:6px;transition:border-color .18s ease,box-shadow .18s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 2px #2c5aa033}.photos-upload{margin-bottom:20px}.photo-upload-label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:15px}.photo-upload-button-container{margin-bottom:20px}.photo-upload-button{align-items:center;background:linear-gradient(135deg,#2c5aa0,#667eea);border-radius:8px;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:transform .12s ease,filter .12s ease}.camera-icon{height:20px;width:20px}.photo-preview-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:20px}.photo-preview-item{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px #0000001a}.photo-preview{display:block;height:120px;object-fit:cover;width:100%}.remove-photo-btn{align-items:center;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;right:5px;top:5px;transition:background-color .2s ease;width:24px}.photo-name{color:#666;font-size:.8rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-upload-info{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;color:#1565c0;font-size:.85rem;padding:12px}.photo-upload-info p{margin:2px 0}.radio-group{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.radio-option{align-items:center;color:#333;cursor:pointer;display:flex;font-weight:500;gap:8px}.radio-option input[type=radio]{accent-color:#2c5aa0;margin:0}.signature-method{display:flex;gap:20px;margin-bottom:20px}.signature-pad-container{margin-top:15px}.signature-canvas{background-color:#fff;border-radius:6px;display:block;margin-bottom:10px}.clear-signature-btn{background:linear-gradient(135deg,#6c757d,#868e96);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:transform .12s ease,filter .12s ease}.clear-signature-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.form-actions{border-top:1px solid #e9ecef;margin-top:30px;padding-top:20px}.submit-btn{background:linear-gradient(135deg,#28a745,#20c997);border-radius:8px;font-size:1.1rem;font-weight:600;padding:15px 40px;transition:transform .12s ease,filter .12s ease}.submit-btn:hover{filter:brightness(1.05)}.instructions{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #bbdefb}.instructions-text{color:#1565c0;font-weight:500}.instructions-text p{font-size:.95rem;margin:0}.error-text{font-weight:500}@media (max-width:768px){.table-header,.table-row{gap:8px;grid-template-columns:1fr}.table-header{display:none}.table-row{background-color:#fff;border:1px solid #ddd;border-radius:6px;display:flex;flex-direction:column;margin-bottom:10px;padding:15px}.table-row .form-group input[type=number]{font-size:16px}.table-row .form-group{margin-bottom:10px}}:root{--global-nav-height:64px}.devanning-report{background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px 20px 100px}.devanning-report.app-mobile{background:#f6f7fb;max-width:100%;min-height:100dvh;padding:0}.devanning-header,.form-header{align-items:center;background:#fff;border-bottom:3px solid #2c5aa0;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;gap:14px;justify-content:space-between;margin-bottom:30px;padding:20px}.devanning-header h1,.form-header h2{color:#2c5aa0;font-size:2rem;font-weight:700;letter-spacing:-.3px;margin:0}.form-header p{color:#6c757d;font-size:1rem;margin:0}.header-left{align-items:center;display:flex;gap:12px}.header-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 6px 18px #667eea40;color:#fff;display:grid;font-size:1.4rem;height:48px;place-items:center;width:48px}.header-meta .badge.subtle{background:#f2f5ff;border:1px solid #2c5aa026;border-radius:16px;color:#2c5aa0;font-size:.85rem;font-weight:600;padding:6px 12px}.page-content{background:#fff;border-radius:12px;box-shadow:0 2px 15px #0000000f;margin-bottom:20px;padding:24px}.app-content{border-radius:0;box-shadow:none;margin:0;padding:8px 16px calc(env(safe-area-inset-bottom) + 88px)}.form-section{background:#fafafa;border:1px solid #e6e6e6;border-radius:10px;margin-bottom:28px;overflow:hidden;padding:20px}.form-section h2,.form-section h3{border-bottom:2px solid #eaeaea;color:#2c5aa0;font-size:1.25rem;font-weight:700;margin:0 0 14px;padding-bottom:8px}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:12px}.form-group{display:flex;flex-direction:column}.form-group label{color:#333;font-size:.92rem;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #ddd;border-radius:8px;font-size:.95rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2c5aa0;box-shadow:0 0 0 3px #2c5aa01f;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{background:#fdf2f2;border-color:#e74c3c}.error-text{color:#e74c3c;font-size:.8rem;font-weight:600;margin-top:4px}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:10px;margin-top:8px}.radio-group.row{flex-direction:row;flex-wrap:wrap}.checkbox-group.wrap,.radio-group.wrap{flex-direction:row;flex-wrap:wrap;gap:10px}.checkbox-option,.radio-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background-color .15s,border-color .15s}.checkbox-option:hover,.radio-option:hover{background:#f7faff}.checkbox-option.chip,.radio-option.chip{background:#fff;border:2px solid #e0e0e0;border-radius:999px;max-width:100%;padding:8px 12px}.other-option-inline input[type=text],.other-with-input input[type=text]{border:2px solid #ddd;border-radius:8px;margin-left:10px;min-width:140px;padding:8px 10px}.other-option-inline{align-items:center;display:flex;gap:8px;margin-top:8px}.calculation-formula{background:#e8f4fd;border-left:4px solid #2c5aa0;border-radius:8px;color:#2c3e50;margin-bottom:14px;padding:12px}.calculated-field .calculated-value{background:#fff;border:2px dashed #d1d3d4;border-radius:8px;color:#2c5aa0;display:grid;font-weight:700;height:40px;place-items:center}.signatures-section{background:#fff;border:1px solid #e8e8e8;border-radius:10px;display:grid;gap:18px;grid-template-columns:1fr;justify-content:center;margin-top:10px;padding:16px}.signature-group{display:flex;flex-direction:column;gap:10px;justify-content:center}.signature-group label{color:#2c3e50;font-weight:700}.signature-canvas{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:crosshair;height:160px;max-width:520px;touch-action:none;width:100%}.signature-canvas:hover{border-color:#2c5aa0}.signature-actions{margin-top:6px}.clear-signature-btn,.signature-group button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 14px;transition:background .15s ease}.clear-signature-btn:hover,.signature-group button:hover{background:#565e64}.signature-note{background:#f8f9fa;border:1px solid #e9ecef;color:#2c3e50}.message,.signature-note{border-radius:8px;padding:12px 14px}.message{font-weight:600;margin:12px 0 18px}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.warning{background:#fff3cd;border:1px solid #ffe08a;color:#856404}.section-description{color:#6c757d;font-style:italic;margin-bottom:16px}.photo-upload-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.photo-upload-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;padding:16px}.photo-upload-label{color:#2c5aa0;font-size:1.05rem;font-weight:700;margin-bottom:8px}.photo-count{color:#6c757d;font-weight:600;margin-left:4px}.photo-upload-area{align-items:center;display:flex;gap:12px;margin:8px 0 12px}.photo-input{display:none}.photo-upload-button{background:linear-gradient(135deg,#2c5aa0,#1e3d6f);border:none;border-radius:10px;box-shadow:0 6px 14px #2c5aa02e;color:#fff;cursor:pointer;display:inline-block;font-weight:700;padding:12px 16px;text-align:center;transition:transform .12s,filter .12s,box-shadow .12s;width:100%}.photo-upload-button:hover{box-shadow:0 8px 18px #2c5aa040;filter:brightness(1.05);transform:translateY(-1px)}.photo-hint{color:#6c757d;font-size:.85rem}.photo-preview-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:8px}.photo-preview-item{background:#fff;border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 2px 5px #0000000f;overflow:hidden;position:relative;transition:transform .12s,box-shadow .12s}.photo-preview-item:hover{box-shadow:0 6px 16px #0000001f;transform:scale(1.02)}.photo-preview-item img{display:block;height:100px;object-fit:cover;width:100%}.remove-photo-btn{background:#dc3545;border:none;border-radius:50%;box-shadow:0 2px 6px #0000002e;color:#fff;cursor:pointer;display:grid;font-weight:800;height:26px;place-items:center;position:absolute;right:6px;top:6px;transition:transform .12s,background .12s;width:26px}.remove-photo-btn:hover{background:#c82333;transform:scale(1.06)}.photo-name{background:#f8f9fa;border-top:1px solid #eee;color:#2c3e50;display:block;font-size:.82rem;padding:8px;text-align:center;word-break:break-word}.form-actions{border-top:2px solid #e0e0e0;margin-top:16px;padding:24px 0 10px;text-align:center}.submit-btn{background:#2c5aa0;border:none;border-radius:10px;box-shadow:0 6px 12px #2c5aa040;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;padding:14px 28px;transition:transform .12s,box-shadow .12s,background .12s}.submit-btn:hover{background:#1e3d6f;box-shadow:0 8px 16px #1e3d6f47;transform:translateY(-1px)}.submit-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}:focus-visible{outline:3px solid #2c5aa059;outline-offset:2px}@media (max-width:768px){.devanning-report{padding:16px}.devanning-header,.form-header{align-items:flex-start;flex-direction:column}.page-content{padding:20px}.form-grid,.signatures-section{grid-template-columns:1fr}.signature-canvas{height:140px;max-width:320px;width:100%}.photo-upload-grid{gap:14px;grid-template-columns:1fr}.checkbox-group.wrap,.radio-group.wrap{gap:8px}.checkbox-option.chip,.radio-option.chip{max-width:100%}.other-with-input{align-items:stretch;display:flex;flex-direction:column;width:100%}.other-with-input input[type=text]{margin-left:0;margin-top:8px;min-width:0;width:100%}.other-option-inline{align-items:stretch;flex-wrap:wrap}.other-option-inline input[type=text]{flex:1 1 100%;margin-left:0;margin-top:8px;min-width:0;width:100%}.product-card-list{display:grid;gap:10px}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 10px #0000000f;overflow:hidden}.product-card-head{align-items:center;background:#f8fafc;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;padding:10px 12px}.product-card-title{color:#1e3d6f;font-weight:700}.product-card-body{display:grid;gap:8px;padding:10px 12px}.product-card-body input{border:2px solid #e5e7eb;border-radius:10px;font-size:16px;padding:10px 12px;width:100%}.product-card-body .row3{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.product-card-body .mini{color:#64748b;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.form-section{padding:14px}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:10px 12px}}@media (max-width:480px){.devanning-header h1,.form-header h2{font-size:1.75rem}.form-section{padding:16px}.photo-preview-item img{height:84px}}.app-header{align-items:center;background:linear-gradient(135deg,#2c5aa0,#1e3d6f);box-shadow:0 6px 18px #1e3d6f40;color:#fff;display:flex;gap:10px;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 10px) 14px 10px 12px;position:sticky;top:var(--global-nav-height,64px);z-index:10}.app-back-btn{display:none}.app-header-center{align-items:center;display:flex;flex:1;flex-direction:column;gap:2px}.app-title{font-weight:800;letter-spacing:.2px}.app-subtitle{font-size:.8rem;opacity:.9}.app-progress{background:#ffffff26;border-radius:999px;font-weight:700;padding:6px 10px}.section-chips{-webkit-overflow-scrolling:touch;background:#f6f7fb;border-bottom:1px solid #e6e8ef;display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;padding:10px 12px;position:sticky;top:calc(var(--global-nav-height, 64px) + 56px);z-index:9}.section-chips .chip{appearance:none;background:#fff;border:1px solid #d7dce6;border-radius:999px;color:#1e3d6f;font-weight:700;padding:8px 12px;white-space:nowrap}.sticky-action{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-top:1px solid #e6e8ef;bottom:0;display:grid;left:0;padding:10px 16px calc(env(safe-area-inset-bottom) + 12px);place-items:center;position:fixed;right:0;z-index:10}.sticky-action .submit-btn{max-width:640px;width:100%}@media (max-width:768px){.desktop-only{display:none!important}}.filters-toggle{align-items:center;background-color:#2c5aa0;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease;width:100%}.filters-toggle:hover{background-color:#1e3d6f}.filters-toggle-icon{transition:transform .2s ease}.filters-toggle-icon.expanded{transform:rotate(180deg)}.filters-content{display:block}.filters-content.collapsed{display:none}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@media (max-width:768px){.modal-overlay{padding:0}}.reports-modal{animation:modalSlideIn .24s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;width:95%}@media (max-width:768px){.reports-modal{height:100vh!important;height:100dvh!important;max-height:none!important;width:100vw!important}}.stock-transfer-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:0;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.stock-transfer-modal-header h2{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:.2px;margin:0}.close-btn{background:#ffffff2e;border-radius:10px;font-size:22px;height:40px;line-height:1;padding:8px;transition:background .12s ease,transform .12s ease;width:40px}.close-btn:hover{background:#ffffff47;transform:rotate(0deg) translateY(-1px)}.modal-content{flex:1;overflow:hidden}.modal-content,.reports-list-view{display:flex;flex-direction:column}.reports-list-view{height:100%}.filters-section{background-color:#f8f9fa;border-top:1px solid #00000008;display:grid;gap:12px;padding:18px 24px}.filters-row{align-items:end;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:6px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{color:#374151;font-size:.9rem;font-weight:700}.filter-group input,.filter-group select{border:1px solid #d1d3d4;border-radius:10px;min-width:180px;transition:border-color .12s ease,box-shadow .12s ease}.filter-group input:focus,.filter-group select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.reset-filters-btn{background-color:#6c757d;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 14px;transition:transform .12s ease,background-color .12s ease}.reset-filters-btn:hover{background-color:#5a6268;transform:translateY(-1px)}.results-info{color:#6b7280;font-size:.9rem;font-style:italic}.reports-table-container{flex:1;overflow:auto;padding:0 24px}.loading{font-size:1.05rem;padding:50px;text-align:center}.reports-table{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.reports-table td,.reports-table th{border-bottom:1px solid #eef2f7;padding:12px;text-align:left}.reports-table th{background-color:#f9fafb;color:#374151;font-weight:700;z-index:1}.reports-table tbody tr:hover{background-color:#fafafa}.reference-cell{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:700}.condition-badge,.status-badge{border:1px solid #0000;border-radius:999px;font-size:.78rem;font-weight:800;padding:6px 10px;text-transform:capitalize}.condition-excellent{background-color:#ecfdf5;border-color:#a7f3d0;color:#065f46}.condition-acceptable{background-color:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.condition-damaged{background-color:#fff7ed;border-color:#fed7aa;color:#9a3412}.status-submitted{background-color:#eef2ff;border-color:#c7d2fe;color:#3730a3}.status-reviewed{background-color:#fef3c7;border-color:#fde68a;color:#92400e}.status-approved{background-color:#ecfdf5;border-color:#a7f3d0;color:#065f46}.status-rejected{background-color:#fee2e2;border-color:#fecaca;color:#991b1b}.view-btn{background-color:#2c5aa0;border-radius:10px;font-size:.9rem;font-weight:700;padding:8px 12px;transition:transform .12s ease,background-color .12s ease}.view-btn:hover{background-color:#1e3d6f;transform:translateY(-1px)}.pagination{background:#fff;gap:20px;padding:18px}.pagination button{background-color:#2c5aa0;border-radius:10px;transition:transform .12s ease,background-color .12s ease}.pagination button:disabled{background-color:#6c757d}.pagination button:not(:disabled):hover{background-color:#1e3d6f;transform:translateY(-1px)}.report-details-view{height:100%;overflow:auto;padding:20px 24px}.details-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.back-btn{background-color:#6c757d;border-radius:10px;font-size:.9rem;transition:transform .12s ease,background-color .12s ease}.back-btn:hover{background-color:#5a6268;transform:translateY(-1px)}.status-select{background-color:#fff;border:1px solid #d1d3d4;border-radius:10px;font-size:.95rem;font-weight:700;padding:10px 12px}.status-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26;outline:none}.report-details{display:flex;flex-direction:column;gap:20px}.details-section{background-color:#f8f9fa;border-left:4px solid #2c5aa0;border-radius:12px;padding:18px}.details-section h3{color:#2c5aa0;font-size:1.15rem;font-weight:800;margin:0 0 12px}.details-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.details-grid>div{padding:10px}.details-grid>div,.items-table{background-color:#fff;border-radius:10px}.items-table{border-collapse:collapse;overflow:hidden;width:100%}.items-table td,.items-table th{border-bottom:1px solid #e0e0e0;padding:10px;text-align:left}.items-table th{background-color:#f3f4f6;font-weight:700}.signature-image{border:1px solid #e0e0e0;max-width:300px;padding:10px}.signature-image,.typed-signature{background-color:#fff;border-radius:10px}.typed-signature{border:1px solid #e0e0e0;color:#2c5aa0;display:inline-block;font-family:cursive;font-size:1.2rem;padding:12px 16px}.photos-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.photo-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:12px}.photo-placeholder{color:#666;font-size:2rem;margin-bottom:10px}.photo-info{color:#666;font-size:.8rem}@media (max-width:768px){.reports-modal{border-radius:0;height:100vh;height:100dvh;margin:0;max-width:none;width:100vw}.stock-transfer-modal-header{flex-shrink:0;padding:12px 16px}.modal-content{flex:1;min-height:0;overflow:hidden}.reports-list-view{display:flex;flex-direction:column;height:100%;min-height:0}.filters-section{flex-shrink:0;padding:12px 16px}.filters-toggle{display:flex!important;margin-bottom:12px}.filters-content{overflow:hidden;transition:max-height .3s ease-out}.filters-content.collapsed{margin:0;max-height:0;padding:0}.reports-table-container{flex:1;min-height:0;padding:0 8px}.report-details-view,.reports-table-container{-webkit-overflow-scrolling:touch;overflow:auto}.report-details-view{height:100%;padding:12px 16px}.pagination{flex-shrink:0;padding:12px 16px}.pagination button{font-size:.85rem;padding:8px 12px}.filters-row{align-items:stretch;flex-direction:column;gap:12px}.filter-group input,.filter-group select{min-width:100%}.reports-table{font-size:.85rem;margin:0;min-width:900px;white-space:nowrap}.reports-table td,.reports-table th{font-size:.8rem;min-width:80px;padding:10px 6px}.reports-table td:first-child,.reports-table th:first-child{min-width:100px}.reports-table td:nth-child(2),.reports-table th:nth-child(2){min-width:120px}.details-section{padding:16px 12px}.items-table{font-size:.85rem;min-width:600px}.items-table td,.items-table th{font-size:.8rem;padding:8px 6px}.details-section .items-table{display:block;overflow-x:auto;white-space:nowrap}.details-section .items-table tbody,.details-section .items-table td,.details-section .items-table th,.details-section .items-table thead,.details-section .items-table tr{display:block}.details-section .items-table thead tr{left:-9999px;position:absolute;top:-9999px}.details-section .items-table tr{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;padding:12px}.details-section .items-table td{border:none;border-bottom:1px solid #eee;padding:8px 0 8px 30%;position:relative;white-space:normal}.details-section .items-table td:before{color:#2c5aa0;content:attr(data-label);font-weight:700;left:0;padding-right:10px;position:absolute;white-space:nowrap;width:25%}.details-grid{grid-template-columns:1fr}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.devanning-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.devanning-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:calc(100dvh - 40px);max-width:1400px;overflow:hidden;width:95%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.devanning-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.devanning-modal-header h2{font-size:1.8rem;font-weight:600;margin:0}.close-btn{background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:2rem;padding:5px 10px;transition:all .3s ease}.close-btn:hover{background:#fff3;transform:rotate(90deg)}.filters-section{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:20px 30px}.filter-group{align-items:center;display:grid;gap:15px;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto}.filter-group input,.filter-group select{border:2px solid #ddd;border-radius:6px;font-size:.95rem;padding:10px 12px;transition:border-color .3s ease}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.clear-filters-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background-color .3s ease;white-space:nowrap}.clear-filters-btn:hover{background:#c82333}.reports-content{display:flex;flex:1;flex-direction:column;overflow:hidden}.loading{align-items:center;color:#666;display:flex;font-size:1.1rem;height:200px;justify-content:center}.reports-table-wrapper{flex:1;overflow:auto;padding:0 30px}.reports-table{background:#fff;border-collapse:collapse;margin:20px 0;width:100%}.reports-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.9rem;font-weight:600;padding:12px 8px;position:sticky;text-align:left;top:0;z-index:10}.reports-table td{border-bottom:1px solid #e0e0e0;font-size:.9rem;padding:12px 8px;vertical-align:top}.reports-table tr:hover{background:#f8f9fa}.container-cell{color:#2c3e50;font-weight:600;min-width:120px}.product-cell{word-wrap:break-word;max-width:200px}.quantities-cell{min-width:110px}.quantities-cell>div{margin-bottom:2px}.discrepancy-text{color:#dc3545!important;font-size:.85rem;font-weight:600}.staff-cell{min-width:140px}.staff-cell>div{margin-bottom:2px}.date-cell{font-size:.85rem;min-width:140px}.issues-cell{min-width:120px}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-badge.pending{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-badge.reviewed{background:#d1ecf1;border:1px solid #b8daff;color:#0c5460}.status-badge.approved{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.rejected{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.issue-badge{border-radius:8px;display:inline-block;font-size:.7rem;font-weight:600;margin:1px;padding:3px 6px;text-transform:uppercase}.issue-badge.discrepancy{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.issue-badge.damaged{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.no-issues{color:#28a745}.no-issues,.view-btn{font-size:.85rem;font-weight:500}.view-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .3s ease}.view-btn:hover{background:#0056b3}.pagination{align-items:center;background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:center;padding:20px}.pagination button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.pagination button:hover:not(:disabled){background:#5a6fd8;transform:translateY(-1px)}.pagination button:disabled{background:#ccc;cursor:not-allowed;transform:none}.pagination span{color:#333;font-weight:500}.report-details{flex:1;overflow:auto;padding:0 30px 30px}.report-details-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;gap:20px;margin-bottom:20px;padding:20px 0}.back-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background-color .3s ease}.back-btn:hover{background:#5a6268}.report-details-header h3{color:#2c3e50;font-size:1.6rem;margin:0}.report-details-content{display:grid;gap:25px}.details-section{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:20px}.details-section h4{border-bottom:1px solid #dee2e6;color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 15px;padding-bottom:8px}.details-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.details-grid>div{background:#fff;border:1px solid #e0e0e0;border-radius:6px;font-size:.95rem;padding:10px 12px}.details-grid strong{color:#495057;font-weight:600}.calculation-display{background:#fff;border:2px solid #28a745;border-radius:8px;padding:15px}.calculation-display>div{border-bottom:1px solid #e9ecef;font-size:1rem;padding:8px 0}.calculation-display>div:last-child{border-bottom:none}.discrepancy-alert{background:#f8d7da!important;border:1px solid #f5c6cb!important;border-radius:6px;color:#721c24!important;font-weight:600!important;padding:10px!important}.signatures-display{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.signature-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px;text-align:center}.signature-item strong{color:#495057;display:block;margin-bottom:10px}.signature-item img{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;max-height:120px;max-width:100%}.status-info{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:15px}.status-info>div{font-size:.95rem}.status-info strong{color:#495057;font-weight:600}@media (max-width:1200px){.filter-group{gap:10px;grid-template-columns:1fr}.reports-table{font-size:.85rem}.reports-table td,.reports-table th{padding:8px 6px}}@media (max-width:768px){.devanning-modal-overlay{align-items:stretch;padding:0}.devanning-modal{border-radius:0;height:100dvh;max-height:100dvh;max-width:none;width:100%}.devanning-modal-header{padding:15px 20px}.devanning-modal-header h2{font-size:1.4rem}.filters-section,.report-details,.reports-table-wrapper{padding:0 20px}.report-details-header{align-items:flex-start;flex-direction:column;gap:10px}.details-grid,.signatures-display{grid-template-columns:1fr}.reports-table-wrapper{overflow-x:auto}.reports-table{min-width:800px}}.actions-cell{white-space:nowrap}.approval-buttons{display:flex;gap:5px;margin-top:5px}.approve-btn,.reject-btn{border:none;border-radius:3px;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:all .2s ease}.approve-btn{background:#27ae60;color:#fff}.approve-btn:hover{background:#219a52}.reject-btn{background:#e74c3c;color:#fff}.reject-btn:hover{background:#c0392b}.approval-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.approval-modal{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.approval-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:20px}.approval-modal-header h3{color:#2c3e50;font-size:1.3rem;margin:0}.approval-modal-content{padding:20px}.approval-modal-content .form-group{margin-bottom:20px}.approval-modal-content label{color:#2c3e50;display:block;font-weight:600;margin-bottom:5px}.approval-modal-content textarea{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-family:inherit;padding:10px;resize:vertical;width:100%}.approval-modal-content textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.approval-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.approval-actions .cancel-btn{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .2s ease}.approval-actions .cancel-btn:hover{background:#5a6268}.approval-actions .submit-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.approval-actions .submit-btn.approve{background:#27ae60}.approval-actions .submit-btn.approve:hover{background:#219a52}.approval-actions .submit-btn.reject{background:#e74c3c}.approval-actions .submit-btn.reject:hover{background:#c0392b}.approval-actions .submit-btn:disabled{background:#bdc3c7;cursor:not-allowed}.approval-text{border-radius:3px;display:inline-block;font-size:.9rem;font-weight:600;padding:5px 10px}.approval-text.approved{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.approval-text.rejected{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.approval-text.pending{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.report-photos{margin-top:15px}.photo-category{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:25px;padding:15px}.photo-category h5{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 15px}.photo-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.photo-item{background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.photo-item:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.photo-thumbnail{border-radius:4px;cursor:pointer;height:80px;object-fit:cover;transition:opacity .2s ease;width:100%}.photo-thumbnail:hover{opacity:.8}.photo-filename{color:#6c757d;display:block;font-size:.75rem;line-height:1.2;margin-top:5px;word-break:break-word}.no-photos{background:#f8f9fa;border-radius:8px;color:#6c757d;font-style:italic;margin:0;padding:20px;text-align:center}@media (max-width:768px){.photo-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.photo-thumbnail{height:70px}.photo-category{padding:10px}}.reports-container{margin:40px auto;max-width:1200px;min-height:100vh;padding:64px 48px 100px}.reports-header{margin-bottom:20px;margin-top:80px;position:relative;text-align:center}.back-to-reports-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c5aa0e6;border:none;border-radius:50%;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;left:20px;position:fixed;top:80px;transition:all .3s ease;width:40px;z-index:100}.back-to-reports-btn:hover{background:#2c5aa0;box-shadow:0 4px 15px #2c5aa066;transform:scale(1.1)}.back-to-reports-btn:active{transform:scale(.95)}.report-types-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:40px}.report-type-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px;text-align:center;transition:all .3s ease}.report-type-card:hover{border-color:#2c5aa0;box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.report-icon{font-size:3rem;margin-bottom:20px}.report-type-card h3{color:#2c5aa0;font-size:1.4rem;font-weight:600;margin-bottom:15px}.report-type-card p{color:#666;font-size:1rem;line-height:1.5;margin-bottom:25px}.report-actions{display:flex;gap:10px;margin-top:20px}.create-report-btn,.view-reports-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1;font-size:.9rem;font-weight:600;gap:5px;justify-content:center;padding:10px 16px;transition:all .3s ease}.create-report-btn{background:linear-gradient(135deg,#2c5aa0,#1e3d6f);color:#fff}.create-report-btn:hover{box-shadow:0 5px 15px #2c5aa066;transform:translateY(-2px)}.view-reports-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.view-reports-btn:hover{box-shadow:0 5px 15px #28a74566;transform:translateY(-2px)}.select-report-btn{background-color:#2c5aa0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s ease;width:100%}.select-report-btn:hover{background-color:#1e3d6f}@media (max-width:768px){.reports-container{padding:15px}.reports-header h1{font-size:2rem}.report-types-grid{gap:20px;grid-template-columns:1fr}.report-type-card{padding:20px}}table{display:table!important;width:100%}thead{display:table-header-group!important}tbody{display:table-row-group!important}tr{display:table-row!important}td,th{display:table-cell!important}.application-table,.items-table,.orders-table,.reports-table{border-collapse:collapse;display:table!important;width:100%}.application-table thead,.items-table thead,.orders-table thead,.reports-table thead{display:table-header-group!important}.application-table tbody,.items-table tbody,.orders-table tbody,.reports-table tbody{display:table-row-group!important}.application-table tr,.items-table tr,.orders-table tr,.reports-table tr{display:table-row!important}.application-table td,.application-table th,.items-table td,.items-table th,.orders-table td,.orders-table th,.reports-table td,.reports-table th{display:table-cell!important}.application-table thead th,.items-table th,.orders-table th,.reports-table th,.table-header th{background-color:#f8f9fa!important;border-bottom:2px solid #e0e0e0!important;color:#333!important;font-weight:600!important;padding:12px 16px!important;position:relative!important;text-align:left!important}.application-table th:after,.application-table th:before,.orders-table th:after,.orders-table th:before,.reports-table th:after,.reports-table th:before{content:none!important;display:none!important}.application-table td,.orders-table td,.reports-table td{background-color:#fff!important;border-bottom:1px solid #e0e0e0!important;padding:12px 16px!important;vertical-align:middle!important}@media (max-width:768px){.application-table,.orders-table,.reports-table{display:table!important;min-width:100%!important}.application-table thead,.orders-table thead,.reports-table thead{display:table-header-group!important}.application-table tr,.orders-table tr,.reports-table tr{display:table-row!important}.application-table td,.application-table th,.orders-table td,.orders-table th,.reports-table td,.reports-table th{display:table-cell!important}}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.top-16{top:4rem}.z-10{z-index:10}.z-50{z-index:50}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-px{height:1px}.max-h-56{max-height:14rem}.max-h-72{max-height:18rem}.max-h-\[320px\]{max-height:320px}.max-h-\[50vh\]{max-height:50vh}.min-h-\[42px\]{min-height:42px}.min-h-\[70vh\]{min-height:70vh}.w-10{width:2.5rem}.w-24{width:6rem}.w-32{width:8rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[560px\]{width:560px}.w-\[720px\]{width:720px}.w-full{width:100%}.min-w-\[140px\]{min-width:140px}.min-w-full{min-width:100%}.max-w-\[160px\]{max-width:160px}.max-w-\[220px\]{max-width:220px}.max-w-\[92vw\]{max-width:92vw}.max-w-\[96vw\]{max-width:96vw}.max-w-lg{max-width:32rem}.max-w-screen-xl{max-width:1280px}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-zinc-300{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:#0006}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/70{background-color:#ffffffb3}.bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.bg-zinc-200{--tw-bg-opacity:1;background-color:rgb(228 228 231/var(--tw-bg-opacity,1))}.bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pr-1{padding-right:.25rem}.pr-4{padding-right:1rem}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.text-\[10px\]{font-size:10px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tracking-wide{letter-spacing:.025em}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.text-zinc-700{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1))}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[id\:string\]{id:string}.\[k\:string\]{k:string}.\[normName\:string\]{norm-name:string}body{background:#f4f8fb;color:#23272f;font-family:Segoe UI,Roboto,Arial,sans-serif;justify-content:center;margin:0;padding:0}.container{align-items:center;background:#fff;border-radius:16px;box-shadow:0 8px 32px #2c3e501a;display:flex;flex-direction:column;gap:32px;margin:40px auto;max-width:2000px;min-height:80vh;padding:64px 48px;text-align:center;width:90%}@media (max-width:600px){.container{border-radius:6px;min-height:60vh;min-width:0;padding:16px 4px;width:100%}}h1,h2,h3{color:#181c24;font-weight:700;margin-bottom:16px}.page-header{margin-bottom:40px;margin-top:70px;position:relative;text-align:center}.page-header h1{color:#2c5aa0;font-size:2.5rem;font-weight:600;margin-bottom:10px}.page-header p{color:#666;font-size:1.1rem;margin-bottom:0}@media (max-width:768px){.page-header{margin-bottom:20px;margin-top:20px}.page-header h1{font-size:2rem}}p{color:#4a4a4a;font-size:1.1rem;line-height:1.7}footer{background:linear-gradient(135deg,#5da6fa 10%,#8a59d8 30%,#6078e2);bottom:0;color:#fff;font-size:1rem;letter-spacing:.5px;margin-top:40px;padding:24px 0;position:relative;text-align:center;width:100%}footer a:hover{color:#00bcd4}.focus-within\:ring-1:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-blue-500:focus-within{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.hover\:bg-zinc-100:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.hover\:bg-zinc-50:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:text-zinc-800:hover{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:640px){.sm\:mx-0{margin-left:0;margin-right:0}.sm\:ml-auto{margin-left:auto}.sm\:w-40{width:10rem}.sm\:w-56{width:14rem}.sm\:w-64{width:16rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:px-4{padding-left:1rem;padding-right:1rem}}@media (min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[260px_1fr\]{grid-template-columns:260px 1fr}.md\:grid-cols-\[270px_1fr\]{grid-template-columns:270px 1fr}.md\:gap-6{gap:1.5rem}.md\:rounded-none{border-radius:0}}@media (min-width:1024px){.lg\:mx-0{margin-left:0;margin-right:0}.lg\:w-80{width:20rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}}
/*# sourceMappingURL=main.6755a465.css.map*/