html{-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;text-size-adjust:100%!important}:root{--font-base:"Inter", "Plus Jakarta Sans", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a0f;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eff6ff}html[data-theme=light]{--bg-app:#f8fafc;--bg-surface:#fff;--bg-sidebar:#fff;--border-color:#e5e7eb;--text-primary:#0f172a;--text-secondary:#64748b;--nav-bar-bg:#dbeafe;--nav-ring:var(--bg-app)}html[data-theme=dark]{--bg-app:#0f172a;--bg-surface:#1e293b;--bg-sidebar:#1e293b;--border-color:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--nav-bar-bg:var(--bg-surface);--nav-ring:var(--bg-app)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font-family:inherit;font-size:inherit}body{font-family:var(--font-base);color:var(--text-primary);background:var(--bg-app);margin:0;font-size:.8rem;line-height:1.5}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:270px;height:100vh;padding:20px 14px;display:flex;overflow:hidden}.sidebar-brand{color:var(--primary);margin-bottom:24px;padding:0 6px;font-size:.95rem;font-weight:700}.sidebar-nav{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-bottom{border-top:1px solid var(--border-color);flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;display:flex}.sidebar-account{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-logout-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:7px;font-size:.82rem;display:flex}.sidebar-logout-btn:hover{color:#dc2626;background:#fef2f2}.sidebar-bottom-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:10px;padding:8px 10px;font-size:.8rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--primary-soft);color:var(--primary)}.sidebar-link.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.sidebar-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:0 10px 8px;font-size:.62rem;font-weight:700}.sidebar-group-label:first-child{padding-top:0}.sidebar-group{border-top:1px solid var(--border-color);margin-top:14px;padding-top:14px}.sidebar-group:first-child{border-top:none;margin-top:0;padding-top:0}.sidebar-group .sidebar-group-label{color:var(--text-secondary);background:0 0;border-bottom:none;margin:0;padding:0 10px 8px;display:block}.sidebar-group .sidebar-link:hover{background:var(--bg-app);color:var(--primary)}.sidebar-logout{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit}.mobile-topbar{background:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:40;justify-content:space-between;align-items:center;padding:10px 16px;display:none;position:sticky;top:0}.mobile-logo{width:auto;height:32px}.mobile-topbar-profile{align-items:center;gap:8px;display:flex}.mobile-topbar-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.72rem;font-weight:600;display:flex;overflow:hidden}.mobile-topbar-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.mobile-topbar-name{text-align:right;color:var(--text-primary);font-size:.72rem;font-weight:600}.mobile-topbar-role{color:var(--text-secondary);text-align:right;font-size:.62rem}.mobile-theme-bar{background:var(--bg-app);z-index:39;justify-content:flex-end;align-items:center;gap:10px;padding:8px 16px;display:none;position:sticky;top:52px}.mobile-bottom-nav{background:var(--nav-bar-bg);border-top:1px solid var(--border-color);box-shadow:none;z-index:50;padding:12px 6px calc(10px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;overflow:visible}.bottom-nav-item-form{display:contents}.bottom-nav-item{min-width:0;max-width:78px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;outline:none;flex-direction:column;flex:1;align-items:center;gap:5px;padding:4px;font-family:inherit;font-size:.55rem;text-decoration:none;transition:background-color .12s;display:flex;position:relative}.bottom-nav-item:active{background-color:#0000}.bottom-nav-item span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bottom-nav-icon-wrap{border:1.5px solid var(--border-color);width:34px;height:34px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;transition:transform .15s;display:flex}.bottom-nav-item.active{color:var(--primary);font-weight:600}.bottom-nav-item.active .bottom-nav-icon-wrap{opacity:0}.bottom-nav-active-bubble{background:var(--nav-bar-bg);width:60px;height:60px;color:var(--primary);box-shadow:0 0 0 8px var(--nav-ring);z-index:3;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.bottom-nav-item:active .bottom-nav-icon-wrap{transform:scale(.92)}.bottom-nav-item:active .bottom-nav-active-bubble{transform:translate(-50%)scale(.92)}.main-area{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border-color);background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.topbar-title{font-size:.9rem;font-weight:600}.topbar-right{align-items:center;gap:16px;display:flex}.topbar-profile{align-items:center;gap:8px;display:flex}.topbar-profile-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.68rem;font-weight:600;display:flex;overflow:hidden}.topbar-profile-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.topbar-profile-info{text-align:right}.topbar-profile-name{color:var(--text-primary);white-space:nowrap;font-size:.75rem;font-weight:600}.topbar-profile-role{color:var(--text-secondary);font-size:.65rem}.notif-bell{position:relative}.notif-bell-btn{border:1px solid var(--border-color);background:var(--bg-surface);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:relative}.notif-bell-btn:hover{color:var(--primary);border-color:var(--primary)}.notif-bell-badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notif-bell-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);width:320px;max-width:90vw;box-shadow:var(--shadow-md);z-index:60;position:absolute;top:44px;right:0;overflow:hidden}.notif-bell-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.78rem;font-weight:600;display:flex}.notif-bell-header button{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.68rem;font-weight:600}.notif-bell-list{max-height:360px;overflow-y:auto}.notif-bell-item{border-bottom:1px solid var(--border-color);color:inherit;cursor:pointer;padding:10px 14px;text-decoration:none;display:block}.notif-bell-item:last-child{border-bottom:none}.notif-bell-item:hover{background:var(--bg-app)}.notif-bell-item.unread{background:var(--primary-soft)}.notif-bell-item-title{color:var(--text-primary);align-items:center;gap:6px;font-size:.76rem;font-weight:600;display:flex}.notif-bell-item.unread .notif-bell-item-title:before{content:"";background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.notif-bell-item-body{color:var(--text-secondary);white-space:pre-line;margin-top:3px;font-size:.72rem}.notif-bell-item-time{color:var(--text-secondary);margin-top:4px;font-size:.65rem}.notif-bell-empty{text-align:center;color:var(--text-secondary);padding:24px 14px;font-size:.75rem}.theme-switch{background:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-sm);gap:4px;padding:3px;display:flex}.theme-switch button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 9px;font-size:.8rem;display:flex}.theme-switch button.active{background:var(--bg-surface);color:var(--primary);box-shadow:var(--shadow-sm)}.content{flex:1;padding:24px;overflow-y:auto}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.card-header h2{margin:0;font-size:.85rem;font-weight:600}.card-body{padding:18px}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:7px 14px;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:var(--bg-surface);border-color:var(--border-color);color:var(--text-primary)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-sm{padding:4px 10px;font-size:.72rem}.btn-text{cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.7rem;font-weight:600}.btn-text-success{color:#10b981}.btn-text-success:hover{color:#059669}.btn-text-danger{color:#ef4444}.btn-text-danger:hover{color:#dc2626}.eyebrow-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.68rem;font-weight:700}.form-hint{color:var(--text-secondary);margin-top:4px;font-size:.7rem}table.data-table{border-collapse:collapse;width:100%;font-size:.78rem}.data-table thead th{text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;padding:8px 12px;font-size:.72rem;font-weight:600}.data-table tbody td{border-bottom:1px solid var(--border-color);padding:10px 12px}.chip{border-radius:999px;align-items:center;padding:2px 9px;font-size:.68rem;font-weight:600;display:inline-flex}.chip-success{color:#15803d;background:#dcfce7}.chip-danger{color:#b91c1c;background:#fee2e2}.chip-neutral{background:var(--primary-soft);color:var(--primary)}.form-group{margin-bottom:14px}.form-label{color:var(--text-secondary);margin-bottom:5px;font-size:.74rem;font-weight:600;display:block}.form-control{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;font-size:.8rem;font-family:var(--font-base);background:var(--bg-surface);color:var(--text-primary);padding:8px 11px}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.modal-overlay{z-index:50;background:#0f172a66;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-box{background:var(--bg-surface);border-radius:var(--radius-lg);width:420px;max-width:92vw;box-shadow:var(--shadow-md)}.modal-box-wide{width:600px}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-header h3{margin:0;font-size:.85rem;font-weight:600}.modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:1rem}.modal-body{padding:18px}.alert{border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 14px;font-size:.78rem}.alert-success{color:#15803d;background:#dcfce7}.alert-error{color:#b91c1c;background:#fee2e2}.empty-state{text-align:center;color:var(--text-secondary);padding:48px 20px;font-size:.8rem}.mnav-backdrop{z-index:60;opacity:0;pointer-events:none;background:#0f172a8c;justify-content:center;align-items:center;padding:20px 16px;transition:opacity .2s;display:flex;position:fixed;inset:0}.mnav-backdrop.open{opacity:1;pointer-events:auto}.mnav-panel{background:var(--bg-surface);opacity:0;border-radius:24px;flex-direction:column;width:100%;max-width:420px;max-height:82vh;transition:transform .22s,opacity .22s;display:flex;transform:scale(.92)translateY(8px);box-shadow:0 24px 48px #0f172a4d}.mnav-backdrop.open .mnav-panel{opacity:1;transform:scale(1)translateY(0)}.mnav-panel-header h3{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.mnav-panel-close{background:var(--bg-app);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex}.mnav-panel-close:hover{background:var(--primary-soft);color:var(--primary)}.mnav-panel-body{scrollbar-width:none;-ms-overflow-style:none;padding:4px 22px 22px;overflow-y:auto}.mnav-panel-body::-webkit-scrollbar{display:none}.mnav-panel-header{background:var(--bg-surface);border-radius:24px 24px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.mnav-search-wrap{flex-shrink:0;padding:0 20px 14px}.mnav-search-wrap input{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;font-size:.78rem;font-family:var(--font-base);background:var(--bg-app);color:var(--text-primary);padding:8px 12px}.mnav-search-wrap input:focus{border-color:var(--primary);background:var(--bg-surface);outline:none}.mnavlist-group{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.mnavlist-group:first-child{border-top:none;margin-top:0;padding-top:0}.mnavlist-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:6px;font-size:.62rem;font-weight:700}.mnavlist-row{border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;align-items:center;gap:12px;width:100%;padding:10px 0;font-family:inherit;text-decoration:none;display:flex}.mnavlist-row:last-child{border-bottom:none}.mnavlist-row:active{background:var(--bg-app)}.mnavlist-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;display:flex}.mnavlist-icon.tile-blue{background:var(--primary-soft);color:var(--primary)}.mnavlist-icon.tile-teal{color:#0d9488;background:#ccfbf1}.mnavlist-icon.tile-coral{color:#ea580c;background:#ffe4e0}.mnavlist-icon.tile-purple{color:#7c3aed;background:#ede9fe}.mnavlist-icon.tile-pink{color:#db2777;background:#fce7f3}.mnavlist-text{flex:1;font-size:.78rem}.mnavlist-row.active .mnavlist-text{color:var(--primary);font-weight:600}.mnavlist-row i.mnavlist-chevron{display:none}.mnav-trigger-btn{width:100%;color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:.66rem;font-weight:600;display:flex}.mnav-trigger-icon{background:var(--primary-soft);width:40px;height:40px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.05rem;display:flex}.mnav-trigger-icon i{transition:transform .15s}.mnav-trigger-btn:active{transform:scale(.98)}.mnav-trigger-btn:active .mnav-trigger-icon i{transform:scale(.9)}body.is-native-app .mobile-bottom-nav{display:none!important}.pr-btn-take-photo{position:relative;overflow:hidden}@media (width<=768px){.sidebar{display:none}.mobile-topbar,.mobile-theme-bar,.mobile-bottom-nav{display:flex}.app-shell{flex-direction:column;height:auto;overflow:visible}.main-area{height:auto;overflow:visible}.content{padding:16px 16px 96px;overflow-y:visible}.topbar-title,.topbar{display:none}.card-body{overflow-x:auto}.notif-bell-dropdown{width:280px}}@media (width>=769px){html[data-theme=light]{--sb-bg:#2540ad}html[data-theme=dark]{--sb-bg:#1b2a6b}.app-shell{background:var(--sb-bg)}.sidebar{background:0 0;border-right:none;width:272px;padding:20px 0 16px 14px}.sidebar-brand{background:#fff;border-radius:10px;align-self:flex-start;align-items:center;margin:0 0 22px 6px;padding:6px 10px;display:inline-flex}.sidebar .sidebar-group{border-top-color:#ffffff29}.sidebar .sidebar-group .sidebar-group-label{color:#ffffff8c}.sidebar .sidebar-link,.sidebar .sidebar-group .sidebar-link{color:#ffffffd1;background:0 0;border-radius:20px 0 0 20px;padding:9px 12px 9px 14px;position:relative}.sidebar .sidebar-link:hover,.sidebar .sidebar-group .sidebar-link:hover{color:#fff;background:#ffffff1a}.sidebar .sidebar-link.active,.sidebar .sidebar-group .sidebar-link.active{background:var(--bg-app);color:var(--primary);font-weight:600}.sidebar .sidebar-link.active:before,.sidebar .sidebar-link.active:after{content:"";pointer-events:none;width:20px;height:24px;position:absolute;right:0}.sidebar .sidebar-link.active:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cpath d='M20 0 L20 24 L0 24 L0 20 A20 20 0 0 0 20 0 Z' fill='%23f8fafc'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;top:-20px}.sidebar .sidebar-link.active:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cpath d='M0 0 L20 0 L20 24 A20 20 0 0 0 0 4 Z' fill='%23f8fafc'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;bottom:-20px}html[data-theme=dark] .sidebar .sidebar-link.active:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cpath d='M20 0 L20 24 L0 24 L0 20 A20 20 0 0 0 20 0 Z' fill='%230f172a'/%3E%3C/svg%3E")}html[data-theme=dark] .sidebar .sidebar-link.active:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cpath d='M0 0 L20 0 L20 24 A20 20 0 0 0 0 4 Z' fill='%230f172a'/%3E%3C/svg%3E")}.sidebar-bottom{border-top-color:#ffffff29;padding-right:14px}.sidebar .topbar-profile-name{color:#fff}.sidebar .topbar-profile-role{color:#ffffffa6}.sidebar .topbar-profile-avatar{color:var(--sb-bg);background:#fff}.sidebar .sidebar-logout-btn{color:#ffffffbf}.sidebar .sidebar-logout-btn:hover{color:#fff;background:#ffffff1f}.main-area{background:var(--bg-app);border-radius:26px 0 0;height:calc(100vh - 12px);margin-top:12px}.topbar{background:0 0}}body:not(.is-native-app) a[href$=\/overview]{display:none}