.pm-skeleton{background-color:#e2e8f0;background-image:linear-gradient(90deg,#e2e8f0,#f1f5f9,#e2e8f0);background-size:200px 100%;background-repeat:no-repeat;animation:pm-shimmer 1.6s ease-in-out infinite;display:block}@keyframes pm-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #0D9488;--primary-dark: #0F766E;--primary-light: #14B8A6;--primary-soft: #CCFBF1;--primary-tint: #F0FDFA;--primary-grad: linear-gradient(135deg, #0F766E 0%, #14B8A6 100%);--accent: #F59E0B;--info: #3B82F6;--purple: #8B5CF6;--bg: linear-gradient(180deg, #F6F8FC 0%, #EAEFF6 100%);--bg-solid: #F1F5F9;--bg-soft: #F8FAFC;--bg-card: #FFFFFF;--text: #0F172A;--text-light: #64748B;--text-muted: #94A3B8;--text-white: #FFFFFF;--border: #E2E8F0;--border-soft: #EDF1F6;--error: #EF4444;--error-bg: #FEF2F2;--success: #10B981;--success-bg: #ECFDF5;--warning: #F59E0B;--warning-bg: #FFFBEB;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow: 0 1px 3px rgba(15, 23, 42, .04), 0 6px 16px rgba(15, 23, 42, .05);--shadow-md: 0 8px 24px rgba(15, 23, 42, .09), 0 2px 6px rgba(15, 23, 42, .04);--shadow-lg: 0 24px 50px rgba(15, 23, 42, .14), 0 8px 16px rgba(15, 23, 42, .06);--glow-primary: 0 8px 24px rgba(13, 148, 136, .28);--radius: 18px;--radius-sm: 11px;--radius-lg: 24px}html,body{font-size:15px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;background:var(--bg-solid);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;letter-spacing:-.011em}h1,h2,h3,h4,h5{font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--text)}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.05rem}label,.input-label{font-weight:600}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#14b8a6,#0d9488 55%,#0f766e);color:var(--text-white);border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #0d94884d;transition:transform .14s ease,box-shadow .2s ease,filter .2s ease;width:100%}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--glow-primary);filter:saturate(1.08) brightness(1.03)}.btn-primary:active{transform:translateY(0) scale(.99);box-shadow:0 2px 6px #0d94884d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;filter:grayscale(.2);transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;background:var(--bg-card);color:var(--text);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-tint)}.input-field{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:15px;font-family:inherit;color:var(--text);background:var(--bg-card);transition:border-color .18s,box-shadow .18s;outline:none}.input-field:hover{border-color:#cbd5e1}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 4px #0d948824;background:#feffff}.input-field::placeholder{color:var(--text-muted)}::selection{background:#0d94882e;color:var(--text)}.input-label{display:block;font-size:13px;font-weight:600;color:var(--text-light);margin-bottom:6px}.card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.card-clickable{cursor:pointer;transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease,border-color .2s ease}.card-clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-soft)}.card-clickable:active{transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.badge-primary{background:var(--primary-soft);color:var(--primary-dark)}.badge-success{background:var(--success-bg);color:#15803d}.badge-warning{background:var(--warning-bg);color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.badge-muted{background:#f1f5f9;color:var(--text-light)}.error-message{background:var(--error-bg);color:var(--error);padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;text-align:center}.page{padding:24px 16px;max-width:1200px;margin:0 auto;animation:fadeInUp .35s ease both}.section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.muted{color:var(--text-light)}.desktop-nav{scrollbar-width:none;-ms-overflow-style:none}.desktop-nav::-webkit-scrollbar{height:0;width:0;display:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}a{color:var(--primary-dark);text-decoration:none}a:hover{text-decoration:underline}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}textarea.input-field{font-family:inherit;line-height:1.5}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .3s ease both}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 768px){html,body{font-size:14.5px}.hamburger-btn{display:block!important}.desktop-nav,.user-info{display:none!important}.page{padding:16px 14px}}@media (min-width: 769px){.hamburger-btn{display:none!important}.desktop-nav{display:flex!important}.user-info{display:block!important}}.pm-actions-row{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:10px}.pm-actions-row>button{width:auto!important;padding:8px 16px;font-size:13px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}@media (max-width: 768px){.pm-actions-row{flex-direction:column;align-items:stretch}.pm-actions-row>button{width:100%!important}}.dip-dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.dip-dashboard-grid>.card{height:100%;display:flex;flex-direction:column;justify-content:center}@media (max-width: 768px){.dip-dashboard-grid{grid-template-columns:1fr!important}}.pm-table-grid{display:grid;padding:12px 16px;gap:16px;align-items:center}.pm-table-grid>div{padding:4px 8px}.pm-row-mobile{display:none}@media (max-width: 768px){.pm-table-grid{display:none!important}.pm-row-mobile{display:block!important}.pm-table-wrap{overflow-x:auto}}