@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600;700&display=swap);:root{--color-primary:#0d2137;--color-primary-dark:#071525;--color-primary-light:#163352;--color-accent:#c9a227;--color-accent-dark:#a8841e;--color-accent-light:#f0d675;--color-white:#fff;--color-bg:#f0f4f8;--color-surface:#fff;--color-border:#dce3eb;--color-muted:#8898a4;--color-text:#1a2633;--color-text-sub:#5a6a78;--color-success:#1a7f4b;--color-success-bg:#e8f8ef;--color-error:#c0392b;--color-error-bg:#fdf0ee;--color-warning:#d4800a;--shadow-sm:0 1px 3px #0f2a4a14,0 1px 2px #0f2a4a0a;--shadow-md:0 4px 16px #0f2a4a1a,0 2px 6px #0f2a4a0f;--shadow-lg:0 10px 40px #0f2a4a24,0 4px 12px #0f2a4a14;--shadow-card:0 2px 8px #0f2a4a12;--radius-sm:6px;--radius-md:10px;--radius-xl:24px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:"Playfair Display",Georgia,serif;--transition:all 0.22s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{margin:0;padding:0}#root,body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f4f8;background-color:var(--color-bg);color:#1a2633;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:15px;line-height:1.6}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}::-webkit-scrollbar-track{background:#f0f4f8;background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}:root{--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--color-primary:#2196f3;--color-success:#4caf50;--color-danger:#f44336;--color-warning:#ff9800;--color-light:#f8f9fa;--color-dark:#2c3e50;--color-border:#e0e0e0;--color-text:#333;--color-text-light:#666;--mobile-width:320px;--tablet-width:768px;--desktop-width:1024px;--large-desktop-width:1440px}*{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:480px){:root{--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:22px;--font-size-3xl:26px;--spacing-xs:2px;--spacing-sm:6px;--spacing-md:10px;--spacing-lg:14px;--spacing-xl:18px;--spacing-2xl:22px;--spacing-3xl:28px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:13px}a,button,p{font-size:14px}}@media (min-width:481px) and (max-width:767px){:root{--font-size-xs:12px;--font-size-sm:13px;--font-size-base:15px;--font-size-lg:17px;--font-size-xl:19px;--font-size-2xl:23px;--font-size-3xl:27px}h1{font-size:26px}h2{font-size:22px}h3{font-size:20px}h4{font-size:17px}h5{font-size:15px}h6{font-size:14px}a,button,p{font-size:15px}}@media (min-width:768px){:root{--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px}h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}a,button,p{font-size:16px}}@media (min-width:1024px){h1{font-size:32px}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}a,button,h6,p{font-size:16px}}.container{margin:0 auto;max-width:100%;padding:0 16px;padding:0 var(--spacing-lg);width:100%}@media (min-width:768px){.container{max-width:750px;padding:0 20px;padding:0 var(--spacing-xl)}}@media (min-width:1024px){.container{max-width:960px;padding:0 24px;padding:0 var(--spacing-2xl)}}@media (min-width:1440px){.container{max-width:1200px}}.grid{grid-gap:16px;grid-gap:var(--spacing-lg);display:grid;gap:16px;gap:var(--spacing-lg)}@media (max-width:480px){.grid{gap:12px;gap:var(--spacing-md)}.grid,.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}}@media (min-width:481px) and (max-width:767px){.grid{gap:16px;gap:var(--spacing-lg)}.grid,.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid{gap:20px;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.p-responsive{padding:16px;padding:var(--spacing-lg)}@media (min-width:768px){.p-responsive{padding:20px;padding:var(--spacing-xl)}}@media (min-width:1024px){.p-responsive{padding:24px;padding:var(--spacing-2xl)}}.m-responsive{margin:16px;margin:var(--spacing-lg)}@media (min-width:768px){.m-responsive{margin:20px;margin:var(--spacing-xl)}}@media (min-width:1024px){.m-responsive{margin:24px;margin:var(--spacing-2xl)}}@media (max-width:767px){.hide-mobile{display:none!important}}@media (min-width:768px){.hide-desktop,.mobile-only{display:none!important}}@media (max-width:767px){.desktop-only{display:none!important}}.App{height:100%;width:100%}.app-loading{align-items:center;background:linear-gradient(145deg,#0f2a4a,#1a3f6f 55%,#0f2a4a);display:flex;justify-content:center;min-height:100vh}.app-loading-inner{align-items:center;display:flex;flex-direction:column;gap:12px}.app-loading-icon{animation:pulse 2s ease-in-out infinite;font-size:56px;line-height:1}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}.app-loading-brand{color:#c9a227;font-family:Inter,sans-serif;font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase}.app-loading-spinner{animation:spin .75s linear infinite;border:3px solid #ffffff26;border-radius:50%;border-top-color:#c9a227;height:32px;margin-top:8px;width:32px}:root{--primary-dark:#0f2a4a;--primary-medium:#1a3f6f;--primary-light:#2d5a8a;--accent-gold:#c9a227;--accent-gold-light:#f0d675;--accent-gold-dark:#a8841e;--bg-primary:#f0f4f8;--bg-secondary:#fff;--bg-tertiary:#f8fafc;--text-primary:#1a2633;--text-secondary:#5a6a78;--text-muted:#8898a4;--text-light:#aab4be;--border-light:#e8edf2;--border-medium:#dce3eb;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--shadow-sm:0 1px 3px #0f2a4a14;--shadow-md:0 4px 12px #0f2a4a1a;--shadow-lg:0 10px 30px #0f2a4a26;--shadow-header:0 2px 16px #0f2a4a33;--transition-fast:0.15s ease;--transition-normal:0.22s ease;--transition-slow:0.35s ease;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}*{-webkit-tap-highlight-color:transparent}.attachments-header,.case-details-header,.case-form-header,.cases-header,.chat-header,.conversations-header,.direct-chat-header,.edit-profile-header,.external-lawyers-header,.group-info-header,.meeting-form-header,.meetings-header,.profile-edit-header,.requests-header,.teams-header,.transactions-header{align-items:center!important;background:linear-gradient(135deg,#0f2a4a,#1a3f6f)!important;background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-medium) 100%)!important;border-bottom:none!important;box-shadow:0 2px 16px #0f2a4a33!important;box-shadow:var(--shadow-header)!important;display:flex!important;flex-shrink:0!important;gap:16px!important;gap:var(--spacing-md)!important;height:60px!important;padding:0 24px!important;padding:0 var(--spacing-lg)!important}.attachments-header h2,.case-details-header h2,.case-form-header h2,.cases-header h2,.chat-header h2,.conversations-header h2,.direct-chat-header h2,.edit-profile-header h2,.external-lawyers-header h2,.group-info-header h2,.meeting-form-header h2,.meetings-header h2,.profile-edit-header h2,.requests-header h2,.teams-header h2,.transactions-header h2{color:#fff!important;flex:1 1!important;font-size:17px!important;font-weight:700!important;letter-spacing:.3px!important;margin:0!important;text-align:center!important}.attachments-header .back-button,.case-details-header .back-button,.case-form-header .back-button,.cases-header .back-button,.chat-header .back-button,.conversations-header .back-button,.direct-chat-header .back-button,.edit-profile-header .back-button,.external-lawyers-header .back-button,.group-info-header .back-button,.meeting-form-header .back-button,.meetings-header .back-button,.profile-edit-header .back-button,.requests-header .back-button,.teams-header .back-button,.transactions-header .back-button{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff1a!important;border:1.5px solid #ffffff40!important;border-radius:8px!important;border-radius:var(--radius-sm)!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:13px!important;font-weight:600!important;gap:6px!important;padding:8px 14px!important;transition:all .22s ease!important;transition:all var(--transition-normal)!important}.attachments-header .back-button:hover,.case-details-header .back-button:hover,.case-form-header .back-button:hover,.cases-header .back-button:hover,.chat-header .back-button:hover,.conversations-header .back-button:hover,.direct-chat-header .back-button:hover,.edit-profile-header .back-button:hover,.external-lawyers-header .back-button:hover,.group-info-header .back-button:hover,.meeting-form-header .back-button:hover,.meetings-header .back-button:hover,.profile-edit-header .back-button:hover,.requests-header .back-button:hover,.teams-header .back-button:hover,.transactions-header .back-button:hover{background:#c9a22740!important;border-color:#c9a227!important;border-color:var(--accent-gold)!important;color:#f0d675!important;color:var(--accent-gold-light)!important;transform:translateX(-2px)!important}.form-section{background:#fff!important;background:var(--bg-secondary)!important;border:1.5px solid #e8edf2!important;border:1.5px solid var(--border-light)!important;border-radius:16px!important;border-radius:var(--radius-lg)!important;box-shadow:0 1px 3px #0f2a4a14!important;box-shadow:var(--shadow-sm)!important;margin-bottom:16px!important;margin-bottom:var(--spacing-md)!important;padding:24px!important;padding:var(--spacing-lg) var(--spacing-lg)!important;transition:all .22s ease!important;transition:all var(--transition-normal)!important}.form-section:hover{box-shadow:0 4px 12px #0f2a4a1a!important;box-shadow:var(--shadow-md)!important}.form-section h3{align-items:center!important;border-bottom:2px solid #e8edf2!important;border-bottom:2px solid var(--border-light)!important;color:#c9a227!important;color:var(--accent-gold)!important;display:flex!important;font-size:11px!important;font-weight:700!important;gap:8px!important;letter-spacing:1.2px!important;margin:0 0 16px!important;margin:0 0 var(--spacing-md) 0!important;padding-bottom:12px!important;text-transform:uppercase!important}.form-group{margin-bottom:16px!important;margin-bottom:var(--spacing-md)!important}.form-group label{color:#5a6a78!important;color:var(--text-secondary)!important;display:block!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:8px!important;text-transform:uppercase!important}.form-group input,.form-group select,.form-group textarea{background:#f8fafc!important;background:var(--bg-tertiary)!important;border:2px solid #dce3eb!important;border:2px solid var(--border-medium)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;box-sizing:border-box!important;color:#1a2633!important;color:var(--text-primary)!important;font-family:Inter,sans-serif!important;font-size:14px!important;padding:14px 16px!important;transition:all .22s ease!important;transition:all var(--transition-normal)!important;width:100%!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff!important;background:var(--bg-secondary)!important;border-color:#c9a227!important;border-color:var(--accent-gold)!important;box-shadow:0 0 0 4px #c9a2271f!important;outline:none!important}.form-group input::placeholder,.form-group textarea::placeholder{color:#aab4be!important;color:var(--text-light)!important}.search-container{align-items:center!important;background:#fff!important;background:var(--bg-secondary)!important;border-bottom:1px solid #e8edf2!important;border-bottom:1px solid var(--border-light)!important;display:flex!important;gap:12px!important;padding:12px 24px!important;padding:12px var(--spacing-lg)!important}.search-input{background:#f8fafc!important;background:var(--bg-tertiary)!important;border:2px solid #dce3eb!important;border:2px solid var(--border-medium)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;color:#1a2633!important;color:var(--text-primary)!important;flex:1 1!important;font-size:14px!important;padding:12px 16px!important;transition:all .22s ease!important;transition:all var(--transition-normal)!important}.search-input:focus{background:#fff!important;background:var(--bg-secondary)!important;border-color:#c9a227!important;border-color:var(--accent-gold)!important;box-shadow:0 0 0 4px #c9a2271f!important;outline:none!important}.add-button,.create-button,.create-case-button,.create-team-button,.primary-button,.save-button,.schedule-button,.send-request-button,.submit-button{align-items:center!important;background:linear-gradient(135deg,#0f2a4a,#1a3f6f)!important;background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-medium) 100%)!important;border:none!important;border-radius:12px!important;border-radius:var(--radius-md)!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-family:Inter,sans-serif!important;font-size:15px!important;font-weight:700!important;gap:8px!important;justify-content:center!important;letter-spacing:.3px!important;overflow:hidden!important;padding:14px 24px!important;position:relative!important;transition:all .22s ease!important;transition:all var(--transition-normal)!important;width:100%!important}.add-button:hover:not(:disabled),.create-button:hover:not(:disabled),.create-case-button:hover:not(:disabled),.create-team-button:hover:not(:disabled),.primary-button:hover:not(:disabled),.save-button:hover:not(:disabled),.schedule-button:hover:not(:disabled),.send-request-button:hover:not(:disabled),.submit-button:hover:not(:disabled){box-shadow:0 10px 30px #0f2a4a26!important;box-shadow:var(--shadow-lg)!important;transform:translateY(-2px)!important}.add-button:active:not(:disabled),.create-button:active:not(:disabled),.create-case-button:active:not(:disabled),.create-team-button:active:not(:disabled),.primary-button:active:not(:disabled),.save-button:active:not(:disabled),.schedule-button:active:not(:disabled),.send-request-button:active:not(:disabled),.submit-button:active:not(:disabled){transform:translateY(0) scale(.98)!important}.add-button:disabled,.create-button:disabled,.create-case-button:disabled,.create-team-button:disabled,.primary-button:disabled,.save-button:disabled,.schedule-button:disabled,.send-request-button:disabled,.submit-button:disabled{cursor:not-allowed!important;opacity:.55!important;transform:none!important}.cancel-button,.secondary-button{background:#f8fafc!important;background:var(--bg-tertiary)!important;border:2px solid #dce3eb!important;border:2px solid var(--border-medium)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;color:#1a2633!important;color:var(--text-primary)!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;padding:12px 20px!important;transition:all .22s ease!important;transition:all var(--transition-normal)!important}.cancel-button:hover,.secondary-button:hover{background:#e8edf2!important;background:var(--border-light)!important;border-color:#0f2a4a!important;border-color:var(--primary-dark)!important}.attachments-container,.case-details-container,.direct-conversations-container,.edit-profile-container,.guest-cases-container,.guest-meetings-container,.manage-teams-container,.my-cases-container,.my-meetings-container,.new-case-container,.new-meeting-container,.post-verification-container,.requests-container,.transactions-container{background:linear-gradient(180deg,#f0f4f8,#e8edf3)!important;background:linear-gradient(180deg,var(--bg-primary) 0,#e8edf3 100%)!important;min-height:100%!important}.case-card,.conversation-item,.meeting-card,.meeting-item,.request-card,.team-card,.transaction-card{background:#fff!important;background:var(--bg-secondary)!important;border:2px solid #0000!important;border-radius:16px!important;border-radius:var(--radius-lg)!important;box-shadow:0 1px 3px #0f2a4a14!important;box-shadow:var(--shadow-sm)!important;overflow:hidden!important;position:relative!important;transition:all .22s ease!important;transition:all var(--transition-normal)!important}.case-card:before,.meeting-card:before,.request-card:before{background:linear-gradient(180deg,#c9a227,#a8841e)!important;background:linear-gradient(180deg,var(--accent-gold) 0,var(--accent-gold-dark) 100%)!important;border-radius:4px 0 0 4px!important;bottom:0!important;content:""!important;left:0!important;opacity:0!important;position:absolute!important;top:0!important;transition:opacity .22s ease!important;transition:opacity var(--transition-normal)!important;width:4px!important}.case-card:hover,.conversation-item:hover,.meeting-card:hover,.meeting-item:hover,.request-card:hover,.team-card:hover,.transaction-card:hover{border-color:#c9a227!important;border-color:var(--accent-gold)!important;box-shadow:0 10px 30px #0f2a4a26!important;box-shadow:var(--shadow-lg)!important;transform:translateY(-3px)!important}.case-card:hover:before,.meeting-card:hover:before,.request-card:hover:before{opacity:1!important}.case-status,.status-active,.status-badge,.status-closed,.status-pending{align-items:center!important;border-radius:9999px!important;border-radius:var(--radius-full)!important;display:inline-flex!important;font-size:11px!important;font-weight:700!important;gap:4px!important;letter-spacing:.3px!important;padding:4px 12px!important;text-transform:uppercase!important}.status-accepted,.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;color:#065f46!important}.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;color:#92400e!important}.status-closed,.status-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca)!important;color:#991b1b!important}.calendar-container,.calendar-section{background:#fff!important;background:var(--bg-secondary)!important;border:1.5px solid #e8edf2!important;border:1.5px solid var(--border-light)!important;border-radius:16px!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 12px #0f2a4a1a!important;box-shadow:var(--shadow-md)!important;padding:24px!important;padding:var(--spacing-lg)!important}.message-bubble.sent{background:linear-gradient(135deg,#0f2a4a,#1a3f6f)!important;background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-medium) 100%)!important;border-radius:18px 18px 4px 18px!important;color:#fff!important}.message-bubble.received{background:#f8fafc!important;background:var(--bg-tertiary)!important;border-radius:18px 18px 18px 4px!important;color:#1a2633!important;color:var(--text-primary)!important}.chat-input-container,.message-input-container{align-items:center!important;background:#fff!important;background:var(--bg-secondary)!important;border-top:1px solid #e8edf2!important;border-top:1px solid var(--border-light)!important;display:flex!important;gap:12px!important;padding:14px 16px!important;padding:14px var(--spacing-md)!important}.chat-input,.message-input{background:#f8fafc!important;background:var(--bg-tertiary)!important;border:2px solid #dce3eb!important;border:2px solid var(--border-medium)!important;border-radius:24px!important;flex:1 1!important;font-size:14px!important;padding:12px 20px!important;transition:all .22s ease!important;transition:all var(--transition-normal)!important}.chat-input:focus,.message-input:focus{background:#fff!important;background:var(--bg-secondary)!important;border-color:#c9a227!important;border-color:var(--accent-gold)!important;box-shadow:0 0 0 3px #c9a2271f!important;outline:none!important}.send-button{align-items:center!important;background:linear-gradient(135deg,#0f2a4a,#1a3f6f)!important;background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-medium) 100%)!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;height:46px!important;justify-content:center!important;transition:all .22s ease!important;transition:all var(--transition-normal)!important;width:46px!important}.send-button:hover:not(:disabled){box-shadow:0 4px 12px #0f2a4a1a!important;box-shadow:var(--shadow-md)!important;transform:scale(1.08)!important}.send-button:disabled{cursor:not-allowed!important;opacity:.5!important}.empty-state,.error-state,.loading-state,.no-data{align-items:center!important;color:#8898a4!important;color:var(--text-muted)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:60px 24px!important;text-align:center!important}.empty-state p,.error-state p,.loading-state p,.no-data p{font-size:15px!important;font-weight:500!important;margin:0 0 16px!important}.error-state{color:#ef4444!important;color:var(--error)!important}.loading-state:before{animation:spin .8s linear infinite!important;border:3px solid #dce3eb!important;border-top-color:#c9a227!important;border:3px solid var(--border-medium)!important;border-radius:50%!important;border-top-color:var(--accent-gold)!important;content:""!important;height:40px!important;margin-bottom:16px!important;width:40px!important}.modal-overlay{animation:fadeIn .2s ease!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#0f2a4a99!important;bottom:0!important;padding:20px!important;z-index:1000!important}.modal-content{animation:slideUp .3s ease!important;background:#fff!important;background:var(--bg-secondary)!important;border-radius:20px!important;border-radius:var(--radius-xl)!important;box-shadow:0 25px 50px -12px #00000040!important;max-height:90vh!important;max-width:500px!important;overflow-y:auto!important;width:100%!important}.modal-header{align-items:center!important;background:linear-gradient(135deg,#0f2a4a,#1a3f6f)!important;background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-medium) 100%)!important;border-radius:20px 20px 0 0!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;display:flex!important;justify-content:space-between!important;padding:20px 24px!important}.modal-header h3{font-weight:700!important;margin:0!important}.modal-close,.modal-header h3{color:#fff!important;font-size:18px!important}.modal-close{align-items:center!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:8px!important;border-radius:var(--radius-sm)!important;cursor:pointer!important;display:flex!important;height:36px!important;justify-content:center!important;transition:all .22s ease!important;transition:all var(--transition-normal)!important;width:36px!important}.modal-close:hover{background:#fff3!important;transform:rotate(90deg)!important}.modal-body{padding:24px!important}.modal-footer{background:var(--bg-tertiary)!important;border-radius:0 0 20px 20px!important;border-radius:0 0 var(--radius-xl) var(--radius-xl)!important;border-top:2px solid #e8edf2!important;border-top:2px solid var(--border-light)!important;padding:20px 24px!important}@media (max-width:1024px){:root{--spacing-lg:20px;--spacing-xl:28px}}@media (max-width:768px){:root{--spacing-lg:18px;--spacing-xl:24px}.attachments-header,.case-details-header,.case-form-header,.cases-header,.chat-header,.conversations-header,.direct-chat-header,.edit-profile-header,.external-lawyers-header,.group-info-header,.meeting-form-header,.meetings-header,.profile-edit-header,.requests-header,.teams-header,.transactions-header{height:56px!important;padding:0 16px!important;padding:0 var(--spacing-md)!important}.attachments-header h2,.case-details-header h2,.case-form-header h2,.cases-header h2,.chat-header h2,.conversations-header h2,.direct-chat-header h2,.edit-profile-header h2,.external-lawyers-header h2,.group-info-header h2,.meeting-form-header h2,.meetings-header h2,.profile-edit-header h2,.requests-header h2,.teams-header h2,.transactions-header h2{font-size:15px!important}.form-section{padding:16px!important;padding:var(--spacing-md)!important}.modal-footer{flex-direction:column!important}.modal-footer button{width:100%!important}}@media (max-width:480px){:root{--spacing-lg:16px;--spacing-md:12px}.attachments-header,.case-details-header,.case-form-header,.cases-header,.chat-header,.conversations-header,.direct-chat-header,.edit-profile-header,.external-lawyers-header,.group-info-header,.meeting-form-header,.meetings-header,.profile-edit-header,.requests-header,.teams-header,.transactions-header{gap:10px!important;height:52px!important}.attachments-header h2,.case-details-header h2,.case-form-header h2,.cases-header h2,.chat-header h2,.conversations-header h2,.direct-chat-header h2,.edit-profile-header h2,.external-lawyers-header h2,.group-info-header h2,.meeting-form-header h2,.meetings-header h2,.profile-edit-header h2,.requests-header h2,.teams-header h2,.transactions-header h2{font-size:14px!important}.attachments-header .back-button,.case-details-header .back-button,.case-form-header .back-button,.cases-header .back-button,.chat-header .back-button,.conversations-header .back-button,.direct-chat-header .back-button,.edit-profile-header .back-button,.external-lawyers-header .back-button,.group-info-header .back-button,.meeting-form-header .back-button,.meetings-header .back-button,.profile-edit-header .back-button,.requests-header .back-button,.teams-header .back-button,.transactions-header .back-button{font-size:12px!important;padding:6px 10px!important}.form-section{border-radius:12px!important;border-radius:var(--radius-md)!important;margin-bottom:12px!important;padding:14px!important}.form-section h3{font-size:10px!important;margin-bottom:12px!important;padding-bottom:10px!important}.form-group label{font-size:11px!important}.form-group input,.form-group select,.form-group textarea{font-size:14px!important;padding:12px 14px!important}.add-button,.create-button,.primary-button,.save-button,.submit-button{font-size:14px!important;padding:12px 20px!important}.case-card,.conversation-item,.meeting-card,.meeting-item,.request-card,.team-card,.transaction-card{border-radius:12px!important;border-radius:var(--radius-md)!important}.case-status,.status-badge{font-size:10px!important;padding:3px 10px!important}.search-container,.search-input{padding:10px 14px!important}.search-input{font-size:13px!important}.modal-overlay{padding:12px!important}.modal-content{border-radius:16px!important;border-radius:var(--radius-lg)!important}.modal-header{border-radius:16px 16px 0 0!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;padding:16px 18px!important}.modal-header h3{font-size:16px!important}.modal-body{padding:18px!important}.modal-footer{padding:16px 18px!important}.empty-state,.error-state,.loading-state,.no-data{padding:40px 20px!important}}@media (max-width:360px){.attachments-header,.case-details-header,.case-form-header,.cases-header,.chat-header,.conversations-header,.direct-chat-header,.edit-profile-header,.external-lawyers-header,.group-info-header,.meeting-form-header,.meetings-header,.profile-edit-header,.requests-header,.teams-header,.transactions-header{height:48px!important;padding:0 10px!important}.attachments-header h2,.case-details-header h2,.case-form-header h2,.cases-header h2,.chat-header h2,.conversations-header h2,.direct-chat-header h2,.edit-profile-header h2,.external-lawyers-header h2,.group-info-header h2,.meeting-form-header h2,.meetings-header h2,.profile-edit-header h2,.requests-header h2,.teams-header h2,.transactions-header h2{font-size:13px!important}.form-section{padding:12px!important}.form-group input,.form-group select,.form-group textarea{font-size:13px!important;padding:10px 12px!important}.primary-button,.submit-button{font-size:13px!important;padding:11px 16px!important}}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.w-full{width:100%!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-sm{gap:8px!important;gap:var(--spacing-sm)!important}.gap-md{gap:16px!important;gap:var(--spacing-md)!important}.gap-lg{gap:24px!important;gap:var(--spacing-lg)!important}.mt-md{margin-top:16px!important;margin-top:var(--spacing-md)!important}.mb-md{margin-bottom:16px!important;margin-bottom:var(--spacing-md)!important}.p-md{padding:16px!important;padding:var(--spacing-md)!important}.rounded{border-radius:12px!important;border-radius:var(--radius-md)!important}.shadow{box-shadow:0 4px 12px #0f2a4a1a!important;box-shadow:var(--shadow-md)!important}.bg-white{background:#fff!important;background:var(--bg-secondary)!important}.hidden{display:none!important}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb{background:#dce3eb;background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8898a4;background:var(--text-muted)}*,:after,:before{box-sizing:border-box}.login-page{align-items:stretch;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.login-hero{align-items:center;background:linear-gradient(160deg,#050f1a,#0d2137 55%,#163352);display:flex;flex:1 1 46%;flex-direction:column;justify-content:center;overflow:hidden;padding:60px 52px;position:relative}.login-hero:before{background:radial-gradient(circle,#c9a2272e 0,#0000 65%);height:420px;right:-100px;top:-100px;width:420px}.login-hero:after,.login-hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.login-hero:after{background:radial-gradient(circle,#c9a22717 0,#0000 68%);bottom:-80px;height:340px;left:-80px;width:340px}.hero-ring{border:1px solid #c9a22714;border-radius:50%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.hero-ring-1{height:540px;width:540px}.hero-ring-2{border-color:#c9a2271f;height:370px;width:370px}.login-hero-content{max-width:360px;position:relative;text-align:center;z-index:2}.hero-logo-wrap{align-items:center;background:linear-gradient(145deg,#c9a22724,#c9a2270d);border:1.5px solid #c9a2274d;border-radius:26px;box-shadow:0 24px 60px #0006,inset 0 1px 0 #ffffff12;display:inline-flex;font-size:42px;height:90px;justify-content:center;margin-bottom:28px;width:90px}.hero-title{color:#fff;font-family:Playfair Display,Georgia,serif;font-size:clamp(26px,2.8vw,38px);font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 14px}.hero-title em{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#c9a227,#f0d675);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-sub{color:#ffffff80;font-size:14.5px;line-height:1.75;margin:0 0 44px}.hero-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.hero-pill{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:100px;color:#ffffffad;display:flex;font-size:12px;font-weight:600;gap:7px;letter-spacing:.2px;padding:8px 16px}.hero-pill-icon{font-size:13px}.login-form-panel{align-items:center;background:#f0f4f8;display:flex;flex:1 1 54%;justify-content:center;min-height:100vh;padding:48px 32px}.login-card{animation:cardIn .44s cubic-bezier(.22,1,.36,1) both;background:#fff;border-radius:28px;box-shadow:0 2px 4px #0000000a,0 20px 60px #0d21371a,0 0 0 1px #0d21370d;max-width:440px;padding:52px 48px 44px;width:100%}.login-card-eyebrow{align-items:center;display:flex;gap:8px;margin-bottom:10px}.eyebrow-dot{background:#c9a227;border-radius:50%;flex-shrink:0;height:7px;width:7px}.eyebrow-text{color:#c9a227;font-size:10.5px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase}.login-card-title{color:#0d2137;font-family:Playfair Display,Georgia,serif;font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:-.4px;line-height:1.2;margin:0 0 8px}.login-card-desc{color:#7a8fa0;font-size:13.5px;line-height:1.65;margin:0 0 28px}.login-card-divider{background:linear-gradient(90deg,#e2e8f0,#0000);height:1px;margin-bottom:28px}.login-field{margin-bottom:20px}.login-field-label{color:#8898a4;display:block;font-size:10.5px;font-weight:700;letter-spacing:1.1px;margin-bottom:8px;text-transform:uppercase}.phone-input-container{border-radius:14px;min-height:52px}.phone-input-container.has-error{background:#fff5f5;border-color:#e53e3e}.phone-input-container:focus-within:not(.has-error){background:#fff;border-color:#c9a227;box-shadow:0 0 0 4px #c9a22721}.country-code-wrapper{align-items:center;background:#0d213708;border-right:1.5px solid #e8edf2;display:flex;flex-shrink:0}.country-code-select{appearance:none;-webkit-appearance:none;background:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%238898a4' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:none;color:#0d2137;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;height:100%;outline:none;padding:0 30px 0 12px}.country-code-select:disabled{cursor:not-allowed;opacity:.55}.phone-input{background:#0000;border:none;color:#1a2633;flex:1 1;font-family:inherit;font-size:15px;font-weight:500;min-width:0;outline:none;padding:14px 12px}.phone-input::placeholder{color:#b8c5d0;font-weight:400}.phone-input:disabled{color:#b0bcc6;cursor:not-allowed}.phone-input.error{color:#c53030}.character-count{color:#c4cfd8;font-size:11px;font-weight:600;letter-spacing:.3px}.login-status{align-items:flex-start;animation:statusIn .25s ease both;border-radius:10px;display:flex;font-size:13px;gap:10px;line-height:1.55;margin-top:12px;padding:12px 14px}@keyframes statusIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.login-status.error{background:#fff5f5;border:1px solid #fed7d7;color:#c53030}.login-status.success{background:#f0fff4;border:1px solid #c6f6d5;color:#276749}.status-icon{flex-shrink:0;font-size:15px;margin-top:1px}.otp-button{background:linear-gradient(135deg,#0d2137,#163352);border:none;border-radius:14px;box-shadow:0 6px 24px #0d21374d;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.4px;margin-top:10px;overflow:hidden;padding:16px;position:relative;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),background .18s;width:100%}.otp-button:before{background:linear-gradient(105deg,#0000 30%,#ffffff12 50%,#0000 70%);content:"";inset:0;position:absolute;transform:translateX(-120%);transition:transform .6s ease}.otp-button:hover:not(:disabled):before{transform:translateX(120%)}.otp-button:after{background:linear-gradient(90deg,#0000,#f0d675,#0000);border-radius:2px;bottom:0;content:"";height:2px;left:12%;opacity:0;position:absolute;right:12%;transition:opacity .22s}.otp-button:hover:not(:disabled):after{opacity:1}.otp-button:hover:not(:disabled){background:linear-gradient(135deg,#122d4a,#1c406a);box-shadow:0 14px 36px #0d213761;transform:translateY(-2px)}.otp-button:active:not(:disabled){box-shadow:0 4px 14px #0d213733;transform:translateY(0)}.otp-button:disabled{cursor:not-allowed;opacity:.5}.otp-button.loading{color:#0000;pointer-events:none}.otp-button.loading:before{animation:spin .72s linear infinite;background:none;border:2.5px solid #ffffff47;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;transform-origin:center;width:20px}.login-card-footer{margin-top:24px;text-align:center}.login-card-footer p{color:#9aacba;font-size:13px;line-height:1.6;margin:0}.login-card-footer a{color:#c9a227;font-weight:600;text-decoration:none;transition:color .2s}.login-card-footer a:hover{color:#a8841e;text-decoration:underline}.login-trust-strip{border-top:1px solid #f0f4f8;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:22px;padding-top:20px}.login-trust-strip,.trust-item{align-items:center;display:flex}.trust-item{color:#b8c5d0;font-size:11px;font-weight:500;gap:5px}.trust-item span:first-child{font-size:13px}@media (min-width:1280px){.login-hero{padding:80px 68px}.login-card{max-width:460px;padding:60px 56px 52px}}@media (max-width:920px){.login-page{flex-direction:column}.login-hero{display:none}.login-form-panel{background:linear-gradient(160deg,#050f1a,#0d2137 55%,#163352);min-height:100vh;padding:48px 24px}.login-card{box-shadow:0 32px 80px #050f1a8c,0 8px 24px #050f1a4d,0 0 0 1px #ffffff0d;max-width:480px}}@media (max-width:600px){.login-form-panel{align-items:flex-start;padding:48px 16px 32px}.login-card{border-radius:22px;padding:36px 24px 32px}.login-card-title{font-size:23px}.login-trust-strip{gap:14px}}@media (max-width:390px){.login-card{border-radius:18px;padding:28px 18px 24px}.login-card-title{font-size:21px}.otp-button,.phone-input-container{border-radius:12px}.otp-button{font-size:14px;padding:14px}.login-trust-strip{flex-direction:column;gap:8px}}@media (max-width:600px) and (min-height:760px){.login-form-panel{align-items:center}}.signup-container{align-items:flex-start;background:linear-gradient(150deg,#071525,#0d2137 45%,#163352);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px 16px;position:relative}.signup-container:before{background:radial-gradient(circle,#c9a22721 0,#0000 65%);height:clamp(260px,48vw,500px);right:-10%;top:-15%;width:clamp(260px,48vw,500px)}.signup-container:after,.signup-container:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.signup-container:after{background:radial-gradient(circle,#c9a22712 0,#0000 68%);bottom:-12%;height:clamp(220px,40vw,420px);left:-8%;width:clamp(220px,40vw,420px)}.signup-box{animation:cardIn .38s cubic-bezier(.22,1,.36,1) both;background:#fff;border-radius:24px;box-shadow:0 32px 80px #0715256b,0 8px 24px #07152538,0 0 0 1px #ffffff0d;max-width:520px;padding:44px 40px 40px;position:relative;width:100%;z-index:2}.signup-brand-mark{margin-bottom:4px;text-align:center}.signup-brand-icon{align-items:center;background:linear-gradient(145deg,#0d2137,#163352);border-radius:18px;box-shadow:0 10px 28px #0d213761;display:inline-flex;font-size:28px;height:64px;justify-content:center;margin-bottom:10px;width:64px}.signup-brand{color:#c9a227;font-size:10px;font-weight:800;letter-spacing:3.2px;margin-bottom:24px;text-align:center;text-transform:uppercase}.signup-header{margin-bottom:8px}.header-tabs{align-items:baseline;display:flex;gap:16px;justify-content:space-between}.tab-button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:0;transition:color .2s}.tab-button.back-button{color:#c9a227;flex-shrink:0;font-size:13px}.tab-button.back-button:hover:not(:disabled){color:#a8841e;text-decoration:underline}.tab-button.active{color:#0d2137;font-family:Playfair Display,Georgia,serif;font-size:25px;letter-spacing:-.4px;line-height:1.2}.tab-button:disabled{cursor:not-allowed;opacity:.45}.signup-divider{background:linear-gradient(90deg,#c9a227,#f0d675 45%,#0000);border-radius:2px;height:2px;margin-bottom:24px}.form-label{color:#5a6a78;display:block;font-size:13.5px;line-height:1.65;margin-bottom:18px}.role-selector{background:#f0f4f8;border-radius:12px;display:flex;gap:8px;margin:4px 0 18px;padding:4px}.role-button{background:#0000;border:none;border-radius:8px;color:#5a6a78;cursor:pointer;flex:1 1;font-family:inherit;font-size:13.5px;font-weight:600;padding:10px 14px;transition:all .22s;white-space:nowrap}.role-button:hover:not(:disabled):not(.active){background:#ffffffa6;color:#0d2137}.role-button.active{background:#0d2137;box-shadow:0 2px 10px #0d213738;color:#fff}.role-button:disabled{cursor:not-allowed;opacity:.45}.input-group{margin-bottom:12px}.form-input,.form-select{background:#f8fafc;border:1.5px solid #dce3eb;border-radius:12px;box-sizing:border-box;color:#1a2633;font-family:inherit;font-size:14.5px;padding:13px 14px;transition:border-color .22s,box-shadow .22s,background .22s;width:100%}.form-input::placeholder{color:#b0bcc6}.form-input:focus,.form-select:focus{background:#fff;border-color:#c9a227;box-shadow:0 0 0 4px #c9a22721;outline:none}.form-input:disabled,.form-select:disabled{background:#f0f4f8;color:#b0bcc6;cursor:not-allowed}.form-input.error,.form-select.error{background:#fff9f8;border-color:#c0392b}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%238898a4' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");padding-right:36px}.phone-group{margin-bottom:12px}.phone-label{color:#8898a4;display:block;font-size:10.5px;font-weight:700;letter-spacing:.9px;margin-bottom:8px;text-transform:uppercase}.phone-input-container{align-items:stretch;background:#f8fafc;border:1.5px solid #dce3eb;border-radius:12px;display:flex;overflow:hidden;transition:border-color .22s,box-shadow .22s,background .22s}.phone-input-container:focus-within{background:#fff;border-color:#c9a227;box-shadow:0 0 0 4px #c9a22721}.country-code-display{align-items:center;border-right:1.5px solid #e8edf2;color:#0d2137;display:flex;flex-shrink:0;font-size:14px;font-weight:600;padding:13px 12px;white-space:nowrap}.phone-input-field{background:#0000;border:none;color:#1a2633;flex:1 1;font-family:inherit;font-size:14.5px;min-width:0;outline:none;padding:13px 12px}.phone-input-field::placeholder{color:#b0bcc6}.phone-input-field:disabled{color:#b0bcc6;cursor:not-allowed}.character-count{align-items:center;color:#b0bcc6;display:flex;flex-shrink:0;font-size:11.5px;font-weight:500;padding:0 12px;white-space:nowrap}.practice-areas-input{align-items:center;background:#f8fafc;border:1.5px solid #dce3eb;border-radius:12px;box-sizing:border-box;color:#1a2633;cursor:pointer;display:flex;font-family:inherit;font-size:14.5px;gap:10px;padding:13px 14px;text-align:left;transition:border-color .22s,box-shadow .22s,background .22s;width:100%}.practice-areas-input:hover:not(:disabled){border-color:#c9a227}.practice-areas-input:focus{background:#fff;border-color:#c9a227;box-shadow:0 0 0 4px #c9a22721;outline:none}.practice-areas-input:disabled{background:#f0f4f8;color:#b0bcc6;cursor:not-allowed}.practice-areas-input.error{border-color:#c0392b}.practice-areas-icon{flex-shrink:0;font-size:16px}.practice-areas-text{color:#b0bcc6;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practice-areas-text.has-value{color:#1a2633}.error-message,.success-message{margin-top:12px}.signup-button{background:linear-gradient(135deg,#0d2137,#163352);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.3px;margin-top:10px;overflow:hidden;padding:15.5px;position:relative;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);width:100%}.signup-button:before{background:linear-gradient(135deg,#0000,#c9a22738);content:"";inset:0;opacity:0;position:absolute;transition:opacity .22s}.signup-button:hover:not(:disabled):before{opacity:1}.signup-button:hover:not(:disabled){box-shadow:0 10px 30px #0d213752;transform:translateY(-2px)}.signup-button:active:not(:disabled){box-shadow:0 4px 12px #0d21372e;transform:translateY(0)}.signup-button:disabled{cursor:not-allowed;opacity:.55}.signup-button.loading{color:#0000}.signup-button.loading:after{animation:spin .75s linear infinite;border:2.5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@media (max-width:560px){.signup-box{border-radius:20px;padding:36px 22px 32px}.signup-brand-icon{border-radius:14px;font-size:24px;height:56px;width:56px}.tab-button.active{font-size:21px}}@media (max-width:380px){.signup-box{border-radius:16px;padding:28px 16px 26px}.header-tabs{align-items:flex-start;gap:6px}.header-tabs,.role-selector{flex-direction:column}.role-button{text-align:center}}@media (min-width:768px){.signup-box{max-width:540px;padding:52px 48px 48px}.tab-button.active{font-size:28px}}.modal-content{animation:slideUp .25s ease-out;max-width:520px}.modal-header{gap:15px}.modal-header h2{color:#fff;flex:1 1;font-size:17px;font-weight:700;letter-spacing:.3px;margin:0}.modal-search{background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:#fff;font-size:14px;outline:none;padding:10px 14px;transition:all .22s;width:140px}.modal-search::placeholder{color:#fff9}.modal-search:focus{background:#ffffff26;border-color:#c9a227;box-shadow:0 0 0 3px #c9a22726}.practice-areas-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.practice-area-button{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#0f2a4a;cursor:pointer;font-size:14px;font-weight:600;line-height:1.4;padding:14px 18px;text-align:center;transition:all .22s}.practice-area-button:hover{background:linear-gradient(135deg,#c9a2270f,#f0d6750f);border-color:#c9a227;color:#0f2a4a}.practice-area-button.active{background:linear-gradient(135deg,#0f2a4a,#1a3f6f);border-color:#0000;box-shadow:0 3px 10px #0f2a4a33;color:#fff;font-weight:700}.practice-area-button.active:hover{background:linear-gradient(135deg,#1a3f6f,#0f2a4a)}.modal-footer{border-radius:0 0 20px 20px;justify-content:space-between;padding:18px 24px}.modal-button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;letter-spacing:.5px;padding:14px;text-transform:uppercase;transition:all .22s}.ok-button{background:linear-gradient(135deg,#c9a227,#f0d675);box-shadow:0 4px 12px #c9a22740;color:#0f2a4a}.ok-button:hover{box-shadow:0 6px 16px #c9a22759;transform:translateY(-1px)}@media (max-width:768px){.modal-content{border-radius:16px;max-height:85vh;width:92%}.modal-header{border-radius:16px 16px 0 0;padding:16px 20px}.modal-header h2{font-size:16px}.modal-body{padding:20px}.modal-footer{border-radius:0 0 16px 16px;padding:16px 20px}}@media (max-width:480px){.modal-content{max-height:90vh;width:95%}.modal-header{align-items:flex-start;flex-direction:column;gap:12px}.modal-header h2{width:100%}.modal-search{background:#fff;border-color:#e2e8f0;color:#0f2a4a;width:100%}.modal-search::placeholder{color:#94a3b8}.modal-search:focus{background:#fff;border-color:#c9a227}.practice-areas-grid{gap:10px;grid-template-columns:1fr}.modal-button{font-size:13px;padding:12px}}.verification-container{align-items:center;background:linear-gradient(150deg,#071525,#0d2137 45%,#163352);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px 16px;position:relative}.verification-container:before{background:radial-gradient(circle,#c9a22721 0,#0000 65%);height:clamp(260px,48vw,500px);right:-10%;top:-15%;width:clamp(260px,48vw,500px)}.verification-container:after,.verification-container:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.verification-container:after{background:radial-gradient(circle,#c9a22712 0,#0000 68%);bottom:-12%;height:clamp(220px,40vw,420px);left:-8%;width:clamp(220px,40vw,420px)}.verification-box{animation:cardIn .38s cubic-bezier(.22,1,.36,1) both;background:#fff;border-radius:24px;box-shadow:0 32px 80px #0715256b,0 8px 24px #07152538,0 0 0 1px #ffffff0d;max-width:460px;padding:48px 44px 44px;position:relative;width:100%;z-index:2}@keyframes cardIn{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.verification-brand-mark{margin-bottom:4px;text-align:center}.verification-brand-icon{align-items:center;background:linear-gradient(145deg,#0d2137,#163352);border-radius:18px;box-shadow:0 10px 28px #0d213761;display:inline-flex;font-size:28px;height:64px;justify-content:center;margin-bottom:10px;width:64px}.verification-brand{color:#c9a227;font-size:10px;font-weight:800;letter-spacing:3.2px;margin-bottom:24px;text-align:center;text-transform:uppercase}.verification-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.back-button{background:#f0f4f8;border:1.5px solid #dce3eb;color:#0d2137;height:38px;padding:0;width:38px}.back-button:hover:not(:disabled){background:#e8edf2;border-color:#c9a227;color:#c9a227}.back-button:disabled{cursor:not-allowed;opacity:.4}.verification-header h1{color:#0d2137;flex:1 1;font-family:Playfair Display,Georgia,serif;font-size:25px;font-weight:700;letter-spacing:-.3px;line-height:1.2;margin:0;text-align:center}.header-spacer{flex-shrink:0;width:38px}.verification-divider{background:linear-gradient(90deg,#c9a227,#f0d675 45%,#0000);border-radius:2px;height:2px;margin-bottom:24px}.verification-content{display:flex;flex-direction:column}.verification-message{background:#f0f4f8;border-radius:12px;color:#5a6a78;font-size:13.5px;line-height:1.65;margin-bottom:24px;padding:14px 18px;text-align:center}.verification-message strong{color:#0d2137;font-weight:700}.form-group{position:relative}.otp-label{color:#8898a4;display:block;font-size:10.5px;font-weight:700;letter-spacing:.9px;margin-bottom:8px;text-transform:uppercase}.otp-input{background:#f8fafc;border:1.5px solid #dce3eb;border-radius:14px;box-sizing:border-box;color:#0d2137;font-family:SFMono-Regular,Consolas,monospace;font-size:38px;font-weight:700;letter-spacing:22px;padding:18px 14px;text-align:center;transition:border-color .22s,box-shadow .22s,background .22s;width:100%}.otp-input:focus{background:#fff;border-color:#c9a227;box-shadow:0 0 0 4px #c9a22721;outline:none}.otp-input:disabled{background:#f0f4f8;color:#b0bcc6;cursor:not-allowed}.otp-input.error{background:#fff9f8;border-color:#c0392b}.otp-character-count{bottom:14px;color:#b0bcc6;font-size:11px;font-weight:500;pointer-events:none;position:absolute;right:14px}.error-message{align-items:flex-start;background:#fdf1ef;border-radius:0 8px 8px 0;color:#b03020;font-size:13px;gap:8px;line-height:1.5;margin-bottom:16px;padding:11px 14px}.error-message:before{content:"⚠";flex-shrink:0;font-size:13px;margin-top:1px}.success-message{align-items:flex-start;background:#eaf8f2;border-radius:0 8px 8px 0;font-size:13px;gap:8px;line-height:1.5;margin-bottom:16px;padding:11px 14px}.success-message:before{content:"✓";flex-shrink:0;font-size:13px;font-weight:700;margin-top:1px}.resend-section{align-items:center;display:flex;font-size:13px;gap:12px;justify-content:space-between;margin-bottom:20px}.resend-text{color:#8898a4}.resend-button{background:none;border:none;color:#c9a227;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:0;transition:color .2s;white-space:nowrap}.resend-button:hover:not(:disabled){color:#a8841e;text-decoration:underline}.resend-button:disabled{color:#dce3eb;cursor:not-allowed}.verify-button{background:linear-gradient(135deg,#0d2137,#163352);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.3px;overflow:hidden;padding:15.5px;position:relative;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);width:100%}.verify-button:before{background:linear-gradient(135deg,#0000,#c9a22738);content:"";inset:0;opacity:0;position:absolute;transition:opacity .22s}.verify-button:hover:not(:disabled):before{opacity:1}.verify-button:hover:not(:disabled){box-shadow:0 10px 30px #0d213752;transform:translateY(-2px)}.verify-button:active:not(:disabled){box-shadow:0 4px 12px #0d21372e;transform:translateY(0)}.verify-button:disabled{cursor:not-allowed;opacity:.55}.verify-button.loading{color:#0000}.verify-button.loading:after{animation:spin .75s linear infinite;border:2.5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@media (max-width:520px){.verification-box{border-radius:20px;padding:36px 22px 32px}.verification-brand-icon{border-radius:14px;font-size:24px;height:56px;width:56px}.verification-header h1{font-size:21px}.otp-input{font-size:30px;letter-spacing:16px}}@media (max-width:380px){.verification-box{border-radius:16px;padding:28px 16px 26px}.resend-section{align-items:flex-start;flex-direction:column;gap:8px}.otp-input{font-size:26px;letter-spacing:12px}}@media (min-width:768px){.verification-box{max-width:480px;padding:56px 52px 52px}.verification-header h1{font-size:28px}}.dashboard-container{background-color:#f0f4f8;display:flex;flex-direction:column;min-height:100%}.dashboard-header{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);box-shadow:0 4px 20px #0f2a4a40;display:flex;flex-shrink:0;height:68px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo{gap:12px}.logo-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:28px}.logo-text{font-size:15px;letter-spacing:2.5px;text-shadow:0 1px 2px #0000001a}.header-actions{gap:12px}.logout-button{background:linear-gradient(135deg,#c9a22726,#f0d67526);border:2px solid #c9a22766;border-radius:10px;color:#f0d675;font-weight:700;letter-spacing:.5px;padding:10px 22px}.logout-button:hover:not(:disabled){background:linear-gradient(135deg,#c9a227,#f0d675);border-color:#0000;box-shadow:0 4px 12px #c9a22759;color:#0f2a4a;transform:translateY(-1px)}.dashboard-content{flex:1 1;overflow-y:auto;padding:24px 20px}.home-view{max-width:680px}.menu-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(2,1fr)}.menu-card{border:2px solid #0000;border-radius:16px;box-shadow:0 2px 12px #0f2a4a14;padding:24px 20px;transition:all .25s cubic-bezier(.4,0,.2,1)}.menu-card:before{height:4px;transition:opacity .25s}.menu-card:hover{border-color:#c9a22740;box-shadow:0 8px 28px #0f2a4a26;transform:translateY(-4px)}.menu-card:active{transform:translateY(-2px)}.menu-icon{background:linear-gradient(135deg,#0f2a4a0f,#1a3f6f0f);font-size:26px;height:56px;margin-bottom:14px;transition:all .25s;width:56px}.menu-card:hover .menu-icon{background:linear-gradient(135deg,#c9a2271f,#f0d6751f);transform:scale(1.05)}.menu-info{flex:1 1;gap:6px}.menu-title{font-size:15px;letter-spacing:.2px}.menu-subtitle{color:#64748b;font-size:12px}.menu-card-arrow{bottom:12px;color:#c9a227;font-size:20px;opacity:.6;position:absolute;right:14px;transition:all .25s}.menu-card:hover .menu-card-arrow{opacity:1;transform:translateX(3px)}.view-section{border-radius:16px;box-shadow:0 2px 12px #0f2a4a14;padding:24px}.view-section h2{margin:0 0 20px}.profile-view{max-width:500px}.profile-card{display:flex;flex-direction:column;gap:20px}.profile-header{border-bottom:2px solid #f0f4f8;padding-bottom:20px}.profile-image{box-shadow:0 4px 12px #c9a22733;height:80px;width:80px}.profile-image-placeholder{background:linear-gradient(135deg,#0f2a4a,#1a3f6f);font-size:32px;height:80px;width:80px}.profile-name h3{color:#0f2a4a;margin:0 0 4px}.profile-name p{color:#64748b;font-size:13px;margin:0}.profile-info-item{border-bottom:1px solid #f0f4f8;display:flex;justify-content:space-between;padding:14px 0}.profile-info-item:last-child{border-bottom:none}.profile-info-label{color:#64748b;font-size:13px;font-weight:500}.profile-info-value{color:#0f2a4a;font-size:14px;font-weight:600}.edit-profile-btn{background:linear-gradient(135deg,#c9a227,#f0d675);border:none;border-radius:12px;box-shadow:0 4px 12px #c9a22740;color:#0f2a4a;cursor:pointer;font-size:14px;font-weight:700;margin-top:10px;padding:14px;transition:all .22s;width:100%}.edit-profile-btn:hover{box-shadow:0 6px 20px #c9a22759;transform:translateY(-2px)}@media (max-width:768px){.dashboard-header{height:60px;padding:0 18px}.logo-icon{font-size:24px}.logo-text{font-size:13px;letter-spacing:2px}.logout-button{font-size:12px;padding:8px 16px}.dashboard-content{padding:18px 14px}.menu-grid{gap:12px}.menu-card{border-radius:14px;padding:20px 16px}.menu-icon{font-size:24px;height:50px;margin-bottom:12px;width:50px}.menu-title{font-size:14px}.menu-subtitle{font-size:11px}}@media (max-width:480px){.dashboard-header{height:56px;padding:0 14px}.logo-icon{font-size:22px}.logo-text{font-size:12px;letter-spacing:1.5px}.logout-button{border-radius:8px;font-size:11px;padding:7px 14px}.dashboard-content{padding:14px 12px}.menu-grid{gap:10px}.menu-card{border-radius:12px;padding:18px 14px}.menu-icon{border-radius:12px;font-size:22px;height:46px;margin-bottom:10px;width:46px}.menu-title{font-size:13px}.menu-subtitle{font-size:10px}.menu-card-arrow{bottom:10px;font-size:18px;right:12px}}@media (max-width:360px){.dashboard-header{height:52px;padding:0 12px}.logo-text{font-size:11px;letter-spacing:1px}.logout-button{font-size:10px;padding:6px 12px}.menu-card{padding:16px 12px}.menu-icon{font-size:20px;height:42px;width:42px}}.cases-header{border-bottom:none;box-shadow:0 2px 12px #0f2a4a33;flex-shrink:0;gap:14px;height:56px;padding:0 20px}.cases-header h2{font-size:16px}.back-button{padding:6px 12px}.search-container{background:#fff;border-bottom:1px solid #e8edf2;gap:10px;padding:10px 18px}.search-icon{color:#8898a4;font-size:16px}.search-input{background:#f8fafc;border:1.5px solid #dce3eb;border-radius:8px;color:#1a2633;font-size:13.5px;padding:8px 12px;transition:border-color .22s,box-shadow .22s,background .22s}.search-input::placeholder{color:#aab4be}.search-input:focus{background:#fff;box-shadow:0 0 0 3px #c9a2271f}.cases-content{gap:16px;padding:16px}.calendar-section{border:1.5px solid #f0f4f8;border-radius:14px;box-shadow:0 2px 10px #0f2a4a12}.month-navigation .nav-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:6px;color:#333;padding:6px 12px;transition:all .2s ease}.month-navigation .nav-button:active,.month-navigation .nav-button:hover{background-color:#e0e0e0}.month-label{color:#1a1a1a;font-weight:600}.mode-button{background-color:#f0f0f0;border:1px solid #ddd;color:#666;font-weight:500;padding:6px 16px;transition:all .2s ease}.mode-button:hover{background-color:#e0e0e0}.mode-button.active{background-color:#2c3e50;border-color:#2c3e50;color:#fff}.day-header{color:#666;font-weight:600}.calendar-day{border:1px solid #e0e0e0;border-radius:8px;transition:all .2s ease}.calendar-day:hover:not(.empty){background-color:#f0f0f0;border-color:#ddd}.calendar-day.selected{background-color:#2c3e50;border-color:#2c3e50}.day-number{font-weight:500}.cases-badge{background-color:#ff6b6b;font-weight:600}.calendar-day.selected .cases-badge{background-color:#f39c12}.cases-list-section{border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px}.selected-date-info{border-bottom:2px solid #f39c12;padding-bottom:12px}.selected-date-info h3{color:#1a1a1a;font-weight:600}.case-count{background-color:#f0f0f0;border-radius:12px;color:#666;font-weight:500;padding:4px 12px}.case-item{background-color:#fff;border:none;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:20px;position:relative;transition:all .3s ease}.case-item:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.case-header{align-items:flex-start;margin-bottom:16px;position:relative}.case-menu-container{position:absolute;right:0;top:0;z-index:10}.menu-button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:24px;font-weight:700;justify-content:center;line-height:1;padding:8px 12px;transition:all .2s ease}.menu-button:hover{background-color:#0000000d;border-radius:4px}.menu-button:active{transform:scale(.95)}.case-menu-dropdown{animation:menuFadeIn .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;margin-top:4px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-item{align-items:center;background:#fff;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:0 16px;text-align:left;transition:background-color .2s ease;width:100%}.menu-item:last-child{border-bottom:none}.menu-item:hover{background-color:#f8f9fa}.menu-item:active{background-color:#e9ecef}.menu-icon{font-size:18px;width:24px}.menu-text{color:#1a1a1a;flex:1 1;font-size:14px;font-weight:500}.case-header-actions{flex-shrink:0}.delete-button{background-color:#2c3e50;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;font-size:18px;height:40px;padding:0;position:absolute;right:16px;top:16px;transition:all .3s ease;width:40px;z-index:1}.delete-button:hover:not(:disabled){background-color:#1a252f;box-shadow:0 4px 12px #00000040}.delete-button:disabled{opacity:.5}.case-number{color:#718096;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.case-status{border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;padding:6px 16px}.case-status.pending{border:1px solid #ffeaa7}.case-status.active{border:1px solid #bee5eb}.case-status.closed,.case-status.resolved{background-color:#c8e6c9;border:1px solid #a5d6a7;color:#2e7d32;font-weight:700;margin-right:69px}.case-title-section{flex-direction:column;gap:16px;padding-right:50px}.case-time-date{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:8px}.hearing-date,.hearing-time{color:#718096;font-size:13px;font-weight:500}.hearing-time{color:#718096}.hearing-date{color:#2d3748;font-weight:600}.case-meta{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;justify-content:space-between}.case-number,.case-title-text{color:#2d3748;font-size:13px;font-weight:600}.case-title-text{color:#2d3748}.case-parties{align-items:center;background-color:#f7fafc;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px;position:relative}.case-parties:before{color:#2d3748;content:"VS";font-size:24px;font-style:italic;font-weight:900;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.party-info{color:#2d3748;flex:1 1;font-size:15px;font-weight:600}.party-info:first-child{color:#f39c12;text-align:left}.party-info:last-child{text-align:right}.case-judge-info{align-items:center;background-color:#f8f9fa;border-left:4px solid #2c3e50;border-radius:4px;display:flex;font-size:14px;gap:8px;margin-bottom:12px;padding:10px 12px}.judge-icon{font-size:18px}.judge-label{color:#2c3e50;font-weight:600}.judge-name{color:#1a1a1a;font-weight:500}.case-reference{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:12px}.description-icon,.reference-icon{color:#718096;font-size:16px}.description-label,.reference-label{color:#718096;font-weight:600}.reference-value{color:#2d3748;font-weight:600}.case-description{align-items:flex-start;display:flex;font-size:14px;gap:8px;margin-bottom:16px}.description-text{color:#4a5568;flex:1 1;line-height:1.5;margin:0}.case-proceedings{border-top:2px solid #e2e8f0;gap:12px;margin-top:20px;padding-top:20px}.proceedings-label{align-items:center;color:#2d3748;display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.8px}.proceedings-label:before{content:"📋";font-size:16px}.proceedings-list{gap:10px}.proceeding-item{background-color:#f7fafc;border-left:4px solid #667eea;border-radius:10px;flex-direction:column;font-size:13px;gap:6px;padding:12px 16px;transition:all .2s ease}.proceeding-item:hover{background-color:#edf2f7;transform:translateX(4px)}.proceeding-date{color:#667eea;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.proceeding-note{color:#4a5568;line-height:1.5}.clear-search-button{background-color:#f39c12}.case-actions{border-top:none;display:none;margin-top:20px;padding-top:0}.plus-button{background-color:#2c3e50}.plus-button:hover{background-color:#1a252f}.close-button:disabled{background-color:#95a5a6}.proceeding-modal input:focus,.proceeding-modal textarea:focus{border-color:#2c3e50}.submit-button{background-color:#2c3e50}.submit-button:hover:not(:disabled){background-color:#1a252f}.submit-button:disabled{background-color:#95a5a6}.add-lawyer-modal .modal-content{max-width:600px}.lawyer-search-input{border:1px solid #ddd;border-radius:8px;padding:12px 16px;transition:all .2s ease}.lawyer-search-input:focus{border-color:#2c3e50;box-shadow:0 0 0 3px #2c3e501a}.lawyer-search-input::placeholder{color:#999}.lawyers-list-container{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px}.lawyer-item{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:12px 16px;transition:all .2s ease}.lawyer-item:hover{background-color:#f8f9fa}.lawyer-item.selected{background-color:#e8f4f8;border-left:4px solid #2c3e50}.lawyer-info{gap:12px}.lawyer-avatar{background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;font-size:18px;font-weight:600}.lawyer-name{color:#1a1a1a}.lawyer-phone{color:#666}.lawyer-checkbox{border:2px solid #2c3e50;border-radius:4px;color:#2c3e50;font-size:16px;height:24px;transition:all .2s ease;width:24px}.lawyer-item.selected .lawyer-checkbox{background-color:#2c3e50;color:#fff}.no-lawyers{color:#999;padding:32px 16px}.selected-count{background-color:#e8f4f8;border-radius:6px;color:#2c3e50;margin-top:12px;padding:10px 16px}.lawyers-list-container::-webkit-scrollbar{width:6px}.lawyers-list-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.lawyers-list-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.lawyers-list-container::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:768px){.cases-content{gap:12px;padding:12px}.calendar-section,.cases-list-section{padding:12px}.search-container{padding:10px 16px}.calendar-day{font-size:11px;padding:6px}.day-number{font-size:12px}.cases-badge{font-size:9px;height:18px;width:18px}.selected-date-info h3{font-size:14px}.case-item{padding:16px}.case-time-date{align-items:flex-start;flex-direction:column;gap:6px}.case-meta{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:8px}.case-number,.case-title-text,.hearing-date,.hearing-time{font-size:12px}.case-parties:before{font-size:20px}.party-info{font-size:13px}.delete-button{font-size:16px;height:36px;right:12px;top:12px;width:36px}.case-proceedings{margin-top:16px;padding-top:16px}.proceedings-label{font-size:12px}.proceeding-item{padding:10px 14px}.proceeding-date{font-size:11px}.proceeding-note{font-size:12px}}@media (max-width:480px){.case-item{border-radius:12px;padding:14px}.case-meta,.case-time-date{gap:4px}.case-number,.case-title-text,.hearing-date,.hearing-time{font-size:11px}.case-parties{margin-bottom:16px;padding:16px}.case-parties:before{font-size:18px}.party-info{font-size:12px}.case-judge-info{font-size:12px;padding:8px 10px}.judge-icon{font-size:16px}.case-description,.case-reference{font-size:12px}.delete-button{font-size:14px;height:32px;width:32px}.case-proceedings{gap:10px;margin-top:14px;padding-top:14px}.proceedings-label{font-size:11px}.proceedings-label:before{font-size:14px}.proceeding-item{gap:4px;padding:10px 12px}.proceeding-date{font-size:10px}.proceeding-note{font-size:11px}.menu-button{font-size:20px;padding:6px 10px}.case-menu-dropdown{min-width:180px}.menu-item{gap:10px;padding:10px 14px}.menu-icon{font-size:16px;width:20px}.menu-text{font-size:13px}.add-lawyer-modal .modal-content{max-height:90vh;max-width:95%}.lawyers-list-container{max-height:300px}.lawyer-avatar{font-size:16px;height:40px;width:40px}.lawyer-name{font-size:13px}.lawyer-phone{font-size:12px}.lawyer-item{padding:10px 12px}.lawyer-checkbox{font-size:14px;height:20px;width:20px}}.external-lawyers-container{background:linear-gradient(180deg,#f0f4f8,#e8edf3);display:flex;flex-direction:column;height:100vh;overflow:hidden}.external-lawyers-header{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);box-shadow:0 2px 16px #0f2a4a33;display:flex;height:60px;justify-content:space-between;padding:0 24px;position:relative}.external-lawyers-header h2{color:#fff;font-size:17px;font-weight:700;left:50%;letter-spacing:.3px;margin:0;position:absolute;transform:translateX(-50%)}.external-lawyers-header .back-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;padding:8px 14px;transition:all .22s;z-index:1}.external-lawyers-header .back-button:hover{background:#c9a22740;border-color:#c9a227;color:#f0d675}.add-lawyer-button{align-items:center;background:linear-gradient(135deg,#c9a227,#f0d675);border:none;border-radius:50%;box-shadow:0 4px 14px #c9a2274d;color:#0f2a4a;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:44px;justify-content:center;line-height:1;padding:0;transition:all .22s;width:44px;z-index:1}.add-lawyer-button:hover{box-shadow:0 6px 20px #c9a22766;transform:scale(1.05)}.add-lawyer-button:active{transform:scale(.95)}.external-lawyers-content{flex:1 1;overflow-y:auto;padding:24px}.external-lawyers-content::-webkit-scrollbar{width:6px}.external-lawyers-content::-webkit-scrollbar-track{background:#f8fafc}.external-lawyers-content::-webkit-scrollbar-thumb{background:#dce3eb;border-radius:3px}.assigned-lawyers-list{display:flex;flex-direction:column;gap:16px}.lawyer-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0f2a4a0f;display:flex;gap:18px;padding:24px;position:relative;transition:all .22s}.lawyer-card:hover{border-color:#c9a227;box-shadow:0 8px 24px #0f2a4a1f;transform:translateY(-2px)}.delete-lawyer-button{align-items:center;background:#ef444414;border:1.5px solid #ef444433;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:14px;top:14px;transition:all .22s;width:40px;z-index:1}.delete-lawyer-button:hover:not(:disabled){background:#ef444426;border-color:#ef4444;transform:scale(1.05)}.delete-lawyer-button:disabled{cursor:not-allowed;opacity:.4}.lawyer-card-avatar{border:3px solid #c9a227;border-radius:50%;box-shadow:0 4px 12px #0f2a4a1f;flex-shrink:0;height:80px;overflow:hidden;position:relative;width:80px}.lawyer-card-avatar img{height:100%;object-fit:cover;width:100%}.lawyer-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#c9a227,#f0d675);color:#0f2a4a;display:flex;font-size:32px;font-weight:700;height:100%;justify-content:center;width:100%}.lawyer-card-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.lawyer-card-name{color:#0f2a4a;font-size:18px;font-weight:700;margin:0}.lawyer-card-license,.lawyer-card-location,.lawyer-card-phone{color:#64748b;font-size:14px;margin:0}.lawyer-card-location{color:#64748b}.lawyer-card-license{color:#0f2a4a;font-weight:600}.lawyer-card-phone{color:#c9a227;font-weight:600}.no-lawyers-state{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0f2a4a0f;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 20px;text-align:center}.no-lawyers-illustration{margin-bottom:24px;opacity:.6}.no-lawyers-text{color:#64748b;font-size:15px;margin:0}.loading-state{align-items:center;display:flex;justify-content:center;padding:60px 20px;text-align:center}.loading-state p{color:#64748b;font-size:15px;margin:0}.modal-content{max-height:85vh}.case-title{color:#64748b;font-size:13px;font-weight:600}.lawyer-search-container{margin-bottom:16px}.lawyer-search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#0f2a4a;font-family:inherit;font-size:14px;padding:14px 18px;transition:all .22s;width:100%}.lawyer-search-input:focus{background:#fff;border-color:#c9a227;box-shadow:0 0 0 3px #c9a2271a;outline:none}.lawyer-search-input::placeholder{color:#94a3b8}.lawyers-list-container{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;max-height:400px;overflow-y:auto}.lawyers-list{display:flex;flex-direction:column;gap:0}.lawyer-item{align-items:center;background:#fff;border-bottom:1px solid #f0f4f8;cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;transition:all .22s}.lawyer-item:last-child{border-bottom:none}.lawyer-item:hover{background:linear-gradient(135deg,#c9a2270a,#f0d6750a)}.lawyer-item.selected{background:linear-gradient(135deg,#c9a22714,#f0d67514);border-left:4px solid #c9a227}.lawyer-info{align-items:center;display:flex;gap:14px}.lawyer-avatar{background:linear-gradient(135deg,#c9a227,#f0d675);box-shadow:0 2px 8px #c9a22733;color:#0f2a4a;font-size:16px;font-weight:700}.lawyer-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.lawyer-phone{color:#c9a227;font-size:13px;font-weight:500}.lawyer-checkbox{align-items:center;background:#0000;border:2px solid #c9a227;color:#c9a227;display:flex;font-size:14px;font-weight:700;height:26px;justify-content:center;transition:all .22s;width:26px}.lawyer-item.selected .lawyer-checkbox{background:linear-gradient(135deg,#c9a227,#f0d675);border-color:#0000;box-shadow:0 2px 8px #c9a2274d;color:#0f2a4a}.no-lawyers{align-items:center;background:#f8fafc;border-radius:8px;color:#64748b;display:flex;justify-content:center;padding:40px 20px}.no-lawyers p{font-size:14px;margin:0}.selected-count{background:linear-gradient(135deg,#c9a2271a,#f0d6751a);border:1px solid #c9a22733;border-radius:10px;color:#0f2a4a;font-size:13px;font-weight:600;margin-top:16px;padding:12px 18px;text-align:center}.modal-footer{gap:14px}.cancel-button,.submit-button{border-radius:10px}.cancel-button{border:2px solid #e2e8f0;color:#475569}.cancel-button:hover{border-color:#cbd5e1}.submit-button{border:2px solid #0000}.submit-button:hover:not(:disabled){box-shadow:0 6px 16px #c9a22759}.external-lawyers-content::-webkit-scrollbar,.lawyers-list-container::-webkit-scrollbar{width:6px}.external-lawyers-content::-webkit-scrollbar-track,.lawyers-list-container::-webkit-scrollbar-track{background:#f0f4f8;border-radius:10px}.external-lawyers-content::-webkit-scrollbar-thumb,.lawyers-list-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#c9a227,#f0d675);border-radius:10px}.external-lawyers-content::-webkit-scrollbar-thumb:hover,.lawyers-list-container::-webkit-scrollbar-thumb:hover{background:#c9a227}@media (max-width:768px){.external-lawyers-header{padding:18px 20px}.external-lawyers-header h2{font-size:18px}.external-lawyers-content{padding:16px}.lawyer-card{align-items:flex-start;flex-direction:column;gap:14px;padding:16px}.lawyer-card-avatar{height:56px;width:56px}.lawyer-avatar-placeholder{font-size:22px}.lawyer-card-name{font-size:16px}.lawyer-card-license,.lawyer-card-location,.lawyer-card-phone{font-size:13px}.delete-lawyer-button{font-size:15px;height:36px;position:absolute;right:12px;top:12px;width:36px}.lawyer-card{position:relative}.add-lawyer-button{bottom:20px;font-size:24px;height:48px;right:20px;width:48px}.modal-content{border-radius:16px;max-height:90vh;max-width:95%}.modal-header{padding:16px 20px}.modal-body{padding:20px}.lawyers-list-container{max-height:280px}.modal-footer{padding:16px 20px}.cancel-button,.submit-button{font-size:13px;padding:12px 16px}}@media (max-width:480px){.external-lawyers-header{padding:14px 16px}.external-lawyers-header h2{font-size:16px}.external-lawyers-content{padding:12px}.lawyer-card{padding:14px}.lawyer-card-avatar{height:48px;width:48px}.lawyer-avatar-placeholder{font-size:18px}.lawyer-card-name{font-size:15px}.modal-content{max-height:85vh;width:95%}.lawyer-item{padding:12px 14px}.lawyer-avatar{font-size:14px;height:38px;width:38px}.lawyer-search-input{font-size:13px;padding:12px 14px}}.transactions-container{background:linear-gradient(180deg,#f0f4f8,#e8edf3);display:flex;flex-direction:column;height:100vh;overflow:hidden}.transactions-header{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);box-shadow:0 2px 16px #0f2a4a33;display:flex;flex-shrink:0;gap:16px;height:60px;padding:0 24px}.transactions-header h2{color:#fff;flex:1 1;font-size:17px;font-weight:700;letter-spacing:.3px;margin:0;text-align:center}.transactions-header .back-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 14px;transition:all .22s}.transactions-header .back-button:hover{background:#c9a22740;border-color:#c9a227;color:#f0d675;transform:translateX(-2px)}.transactions-content{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.transactions-content::-webkit-scrollbar{width:6px}.transactions-content::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.transactions-content::-webkit-scrollbar-thumb{background:#dce3eb;border-radius:3px}.transactions-content::-webkit-scrollbar-thumb:hover{background:#c4cfd8}.loading-state,.no-transactions-state{align-items:center;color:#8898a4;display:flex;flex-direction:column;font-size:15px;font-weight:500;justify-content:center;padding:60px 20px;text-align:center}.transactions-list{display:flex;flex-direction:column;gap:14px}.transaction-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0f2a4a0f;overflow:hidden;transition:all .22s}.transaction-card:hover{border-color:#c9a227;box-shadow:0 8px 24px #0f2a4a1f;transform:translateY(-2px)}.transaction-card.expanded{border-color:#c9a227;box-shadow:0 10px 30px #0f2a4a26}.transaction-header-section{align-items:flex-start;cursor:pointer;display:flex;gap:14px;padding:18px;transition:background-color .22s}.transaction-header-section:hover{background:#f8fafc}.transaction-icon{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1.5px solid #10b98133;border-radius:14px;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.dollar-icon{color:#10b981;font-size:24px;font-weight:700}.transaction-summary{flex:1 1;min-width:0}.transaction-title-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.transaction-name{color:#0f2a4a;font-size:15px;font-weight:700;letter-spacing:-.2px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-date{color:#8898a4;font-size:13px;font-weight:500;margin:0}.delete-transaction-button{background:#ef444414;border:1.5px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;flex-shrink:0;font-size:16px;padding:6px 10px;transition:all .22s}.delete-transaction-button:hover{background:#ef444426;border-color:#ef4444;transform:scale(1.05)}.delete-transaction-button:disabled{cursor:not-allowed;opacity:.5}.transaction-amount-section{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.transaction-amount{color:#10b981;font-size:16px;font-weight:700;letter-spacing:-.3px;margin:0}.transaction-purpose{color:#8898a4;font-size:11px;font-weight:600;letter-spacing:.3px;margin:0;text-align:right;text-transform:uppercase}.transaction-details{animation:slideDown .3s ease;border-top:2px solid #f0f4f8;padding:0 18px 18px}.transaction-details h4{color:#1a1a1a;font-size:16px;font-weight:600;margin:16px 0 12px}.detail-row{align-items:flex-start;border-bottom:1px solid #f5f5f5;justify-content:space-between;padding:8px 0}.detail-row:last-of-type{border-bottom:none}.detail-label{color:#333;flex-shrink:0;font-size:14px;margin-right:16px}.detail-value{color:#666;font-size:14px;text-align:right}.transaction-image-section{border-top:1px solid #f0f0f0;margin-top:12px;padding:12px 0}.transaction-image{border:1px solid #e0e0e0;border-radius:8px;margin-top:8px;max-height:300px;object-fit:contain;width:100%}.collapse-button{background-color:#f0f4f8;border:none;border-radius:8px;cursor:pointer;font-size:18px;margin-top:12px;padding:12px;transition:background-color .2s;width:100%}.collapse-button:hover{background-color:#e0e0e0}.fab-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #0000004d;height:56px;transition:all .3s ease;width:56px}.fab-button:hover{box-shadow:0 6px 16px #0006;transform:scale(1.1)}.fab-icon{color:#fff;font-size:24px}.modal-content{animation:slideUp .3s ease;border-radius:16px}.generate-transaction-modal{max-height:95vh}.modal-header{padding:16px 20px}.modal-header .back-button{background:none;border:none;color:#333;font-size:24px;transition:opacity .2s}.modal-header .back-button:hover{opacity:.7}.modal-body{gap:16px}.form-group label{color:#333;font-size:14px;font-weight:500}.form-select{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:16px;padding:14px 16px;transition:border-color .2s}.form-select:focus{border-color:#667eea;outline:none}.form-input{border:1px solid #ddd;border-radius:8px;color:#333;font-size:16px;padding:14px 16px;transition:border-color .2s}.form-input:focus{border-color:#667eea}.image-upload-area{align-items:center;background-color:#f9f9f9;border:2px dashed #ddd;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:200px;transition:all .2s}.image-upload-area:hover{background-color:#f5f5ff;border-color:#667eea}.camera-icon{color:#999;font-size:48px}.image-upload-area p{color:#666;font-size:14px;margin:0;text-align:center}.image-preview{border-radius:8px;max-height:250px;max-width:100%;object-fit:contain}.submit-button{background:linear-gradient(135deg,#0f2a4a,#34495e);border-radius:8px;font-size:16px;font-weight:600;transition:all .3s ease}.submit-button:hover{box-shadow:0 4px 12px #0003}.generate-button{background:linear-gradient(135deg,#0f2a4a,#34495e)}@media (max-width:768px){.transactions-content{padding:12px}.transaction-header-section{flex-wrap:wrap;gap:8px}.transaction-amount-section{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.transaction-purpose{text-align:left}.modal-content{max-height:95vh;width:95%}.modal-body{padding:16px}.fab-button{bottom:20px;height:52px;right:16px;width:52px}}@media (max-width:480px){.transactions-header h2{font-size:18px}.transaction-name{font-size:14px}.detail-label,.detail-value,.transaction-amount,.transaction-date{font-size:13px}}.attachments-container{background-color:#f0f4f8;display:flex;flex-direction:column;height:100vh;overflow:hidden}.attachments-header{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);box-shadow:0 2px 8px #0f2a4a26;display:flex;flex-shrink:0;gap:16px;padding:18px 20px}.attachments-header h2{color:#fff;flex:1 1;font-size:18px;font-weight:700;letter-spacing:.3px;margin:0;text-align:center}.attachments-header .back-button{align-items:center;background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:22px;justify-content:center;padding:8px 12px;transition:all .22s}.attachments-header .back-button:hover{background:#c9a22733;border-color:#c9a22766;color:#f0d675}.attachments-content{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.loading-state,.no-attachments-state{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0f2a4a0f;color:#64748b;display:flex;font-size:15px;justify-content:center;padding:60px 20px}.attachments-list{display:flex;flex-direction:column;gap:12px}.attachment-card{align-items:center;background-color:#fff;border-radius:14px;box-shadow:0 2px 8px #0f2a4a14;display:flex;gap:14px;padding:18px;position:relative;transition:all .22s}.attachment-card:before{background:linear-gradient(180deg,#c9a227,#f0d675);border-radius:14px 0 0 14px;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .22s;width:4px}.attachment-card:hover{background:linear-gradient(135deg,#c9a22705,#f0d67505);box-shadow:0 4px 16px #0f2a4a1f;transform:translateY(-1px)}.attachment-card:hover:before{opacity:1}.attachment-preview{background:linear-gradient(135deg,#c9a2271a,#f0d6751a);border:2px solid #c9a22726;border-radius:12px;flex-shrink:0;height:64px;overflow:hidden;position:relative;width:64px}.attachment-thumbnail{display:block;height:100%;object-fit:cover;width:100%}.file-icon-container{align-items:center;background:linear-gradient(135deg,#c9a2271a,#f0d6751a);display:flex;height:100%;justify-content:center;width:100%}.file-icon{font-size:28px}.attachment-icon{align-items:center;background:linear-gradient(135deg,#c9a22726,#f0d67526);border:1px solid #c9a22733;border-radius:12px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.attachment-info{flex:1 1;min-width:0}.attachment-filename,.attachment-title{color:#0f2a4a;font-size:15px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-date{color:#64748b;font-size:13px;margin:0}.attachment-actions{display:flex;flex-shrink:0;gap:8px}.action-button{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#0f2a4a;font-size:16px;padding:10px 14px;transition:all .22s}.action-button:hover{background:#f0f4f8;border-color:#c9a227}.action-button:disabled{cursor:not-allowed;opacity:.5}.download-button:hover{background:linear-gradient(135deg,#c9a2271a,#f0d6751a);border-color:#c9a227;color:#c9a227}.delete-button:hover{background:#ef444414;border-color:#ef4444;color:#ef4444}.fab-button{align-items:center;background:linear-gradient(135deg,#c9a227,#f0d675);border:none;border-radius:50%;bottom:80px;box-shadow:0 6px 20px #c9a22759;cursor:pointer;display:flex;height:58px;justify-content:center;position:fixed;right:20px;transition:all .22s;width:58px;z-index:100}.fab-button:hover{box-shadow:0 8px 24px #c9a22773;transform:scale(1.08) translateY(-2px)}.fab-icon{color:#0f2a4a;font-size:26px}.modal-content{background-color:#fff;max-height:90vh}.upload-attachment-modal{max-height:95vh}.modal-header{border-radius:20px 20px 0 0;flex-shrink:0;gap:16px}.modal-header h3{flex:1 1;text-align:center}.modal-header .back-button{background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;padding:8px;transition:all .22s}.modal-header .back-button:hover{background:#ef444433;border-color:#ef444480;color:#fca5a5}.modal-body{display:flex;flex-direction:column;gap:18px}.form-group{gap:8px}.form-input{background:#f8fafc;font-size:15px}.file-upload-area{align-items:center;background:linear-gradient(135deg,#c9a2270a,#f0d6750a);border:2px dashed #c9a227;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:200px;padding:24px;transition:all .22s}.file-upload-area:hover{background:linear-gradient(135deg,#c9a22714,#f0d67514);border-color:#c9a227;transform:translateY(-2px)}.upload-icon{color:#c9a227;font-size:52px}.file-upload-area p{color:#64748b;font-size:14px;margin:0;text-align:center}.file-hint{color:#94a3b8!important;font-size:12px!important}.file-preview{align-items:center;display:flex;flex-direction:column;gap:14px;width:100%}.file-icon-large{color:#c9a227;font-size:68px}.file-info{text-align:center;width:100%}.file-name{color:#0f2a4a;font-size:16px;font-weight:600;margin:0 0 6px;word-break:break-word}.file-size{color:#64748b;font-size:14px;margin:0}.submit-button:hover{box-shadow:0 6px 20px #c9a22759;transform:translateY(-2px)}.submit-button:disabled{transform:none}.upload-button{background:linear-gradient(135deg,#c9a227,#f0d675)}@media (max-width:768px){.attachments-header{padding:14px 16px}.attachments-header h2{font-size:16px}.attachments-content{padding:14px}.attachment-card{flex-wrap:wrap;padding:16px}.attachment-actions{justify-content:flex-end;margin-top:8px;width:100%}.modal-content{border-radius:16px;max-height:95vh;width:95%}.modal-body{padding:20px}.fab-button{bottom:24px;height:54px;right:18px;width:54px}.fab-icon{font-size:24px}}@media (max-width:480px){.attachments-header{padding:12px 14px}.attachments-header h2{font-size:15px}.attachment-preview{height:52px;width:52px}.attachment-filename,.attachment-title{font-size:14px}.attachment-date{font-size:12px}.action-button{font-size:14px;padding:8px 12px}.modal-header{padding:16px 20px}.modal-body{padding:16px}.file-upload-area{min-height:160px;padding:20px}.upload-icon{font-size:44px}}.case-details-container{background:linear-gradient(180deg,#f0f4f8,#e8edf3);display:flex;flex-direction:column;height:100vh;overflow:hidden}.case-details-header{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);box-shadow:0 2px 16px #0f2a4a33;display:flex;flex-shrink:0;gap:16px;height:60px;padding:0 24px}.case-details-header h2{color:#fff;flex:1 1;font-size:17px;font-weight:700;letter-spacing:.3px;margin:0;text-align:center}.case-details-header .back-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;padding:8px 14px;transition:all .22s}.case-details-header .back-button:hover{background:#c9a22740;border-color:#c9a227;color:#f0d675;transform:translateX(-2px)}.case-details-content{flex:1 1;overflow-y:auto;padding:24px}.case-details-content::-webkit-scrollbar{width:6px}.case-details-content::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.case-details-content::-webkit-scrollbar-thumb{background:#dce3eb;border-radius:3px}.case-details-content::-webkit-scrollbar-thumb:hover{background:#c4cfd8}.proceedings-table-wrapper{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0f2a4a0f;margin-bottom:20px;overflow:hidden;transition:all .22s}.proceedings-table-wrapper:hover{border-color:#c9a22733;box-shadow:0 4px 16px #0f2a4a1a}.proceedings-table{border-collapse:collapse;font-size:14px;width:100%}.proceedings-table thead{background:linear-gradient(135deg,#0f2a4a,#1a3f6f)}.proceedings-table thead th{border-right:1px solid #ffffff1a;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px 18px;text-align:left;text-transform:uppercase;white-space:nowrap}.proceedings-table thead th:last-child{border-right:none}.proceedings-table tbody tr{border-bottom:1px solid #f0f4f8;transition:all .22s}.proceedings-table tbody tr:hover{background:linear-gradient(135deg,#c9a2270a,#f0d6750a)}.proceedings-table tbody tr:last-child{border-bottom:none}.proceedings-table tbody td{border-right:1px solid #f0f4f8;color:#0f2a4a;font-size:14px;padding:16px 18px;vertical-align:top}.proceedings-table tbody td:last-child{border-right:none}.no-proceedings{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0f2a4a0f;padding:48px 24px;text-align:center}.no-proceedings p{color:#64748b;font-size:15px;margin:0}@media (max-width:1024px){.case-details-content{padding:20px}}@media (max-width:768px){.case-details-header{height:56px;padding:0 16px}.case-details-header h2{font-size:15px}.case-details-content{padding:14px}.proceedings-table-wrapper{border-radius:14px}.proceedings-table{font-size:12px}.proceedings-table tbody td,.proceedings-table thead th{padding:12px 10px}.proceedings-table thead th{font-size:10px}.no-proceedings{border-radius:14px;padding:36px 18px}}@media (max-width:480px){.case-details-header{gap:10px;height:52px;padding:0 12px}.case-details-header h2{font-size:14px}.case-details-header .back-button{font-size:14px;padding:6px 10px}.case-details-content{padding:10px}.proceedings-table{font-size:11px}.proceedings-table tbody td,.proceedings-table thead th{padding:10px 8px}.proceedings-table thead th{font-size:9px}.no-proceedings,.proceedings-table-wrapper{border-radius:12px}.no-proceedings p{font-size:14px}}@media (max-width:360px){.case-details-header h2{font-size:13px}.proceedings-table tbody td,.proceedings-table thead th{padding:8px 6px}}.new-case-container{background-color:#f0f4f8;display:flex;flex-direction:column;height:100%;overflow:hidden}.case-form-header{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);border-bottom:none;box-shadow:0 2px 12px #0f2a4a33;display:flex;flex-shrink:0;gap:14px;height:56px;padding:0 20px}.case-form-header h2{color:#fff;flex:1 1;font-size:16px;font-weight:700;margin:0;text-align:center}.case-form-header .back-button{align-items:center;background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13.5px;font-weight:600;justify-content:center;padding:6px 12px;transition:all .22s}.case-form-header .back-button:hover{background:#c9a22733;border-color:#c9a227;color:#f0d675}.error-message{background:#fdf0ee;border-left:3px solid #c0392b;color:#c0392b}.error-message,.success-message{border-radius:0 6px 6px 0;font-size:13.5px;padding:10px 16px}.success-message{background:#e8f8ef;border-left:3px solid #1a7f4b;color:#1a7f4b}.new-case-form{display:flex;flex-direction:column;gap:0;overflow-y:auto;padding:20px 16px}.form-section{border-radius:14px;padding:22px 20px}.form-section h3{border-bottom:1.5px solid #f0f4f8;display:block;letter-spacing:1px;margin:0 0 16px;padding-bottom:10px}.form-group{margin-bottom:14px}.form-group:last-child:not(.full-width){margin-bottom:0}.form-group label{color:#8898a4;font-size:11.5px;margin-bottom:7px}.form-group input,.form-group select,.form-group textarea{border:1.5px solid #dce3eb;border-radius:10px;font-family:inherit;padding:12px 14px;transition:border-color .22s,box-shadow .22s,background .22s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3.5px #c9a22721}.form-group textarea{line-height:1.55;min-height:64px}.form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%238898a4' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-size:12px;padding-right:36px}.date-input-wrapper,.location-input-wrapper{align-items:center;display:flex;position:relative}.date-input-wrapper input,.location-input-wrapper input{width:100%}.date-icon,.location-icon{font-size:15px;pointer-events:none;position:absolute;right:12px}.form-group.full-width{grid-column:1/-1}.submit-button{border-radius:10px;font-family:inherit;padding:14px 24px}.submit-button:hover:not(:disabled){box-shadow:0 6px 22px #0f2a4a47}.submit-button:active:not(:disabled){transform:scale(.99)}@media (max-width:1024px){.new-case-form{padding:18px 14px}.form-section{padding:20px 18px}}@media (max-width:768px){.case-form-header{height:52px;padding:0 14px}.case-form-header h2{font-size:15px}.new-case-form{padding:14px 12px}.form-section{border-radius:12px;padding:18px 14px}.form-section h3{font-size:10px;margin-bottom:14px}.form-group{margin-bottom:12px}.form-group label{font-size:11px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:11px 13px}.submit-button{font-size:14px;padding:13px 20px}}@media (max-width:480px){.case-form-header{gap:10px;height:50px}.case-form-header h2{font-size:14px}.case-form-header .back-button{font-size:12px;padding:5px 10px}.new-case-form{padding:10px 8px}.form-section{border-radius:10px;margin-bottom:12px;padding:14px 12px}.form-section h3{font-size:10px}.form-group input,.form-group select,.form-group textarea{border-radius:8px;font-size:13px;padding:10px 12px}.submit-button{font-size:14px;margin-top:6px;padding:12px 18px}}@media (max-width:360px){.case-form-header h2{font-size:13px}.new-case-form{padding:8px 6px}.form-section{padding:12px 10px}.form-group label{font-size:10px}.form-group input,.form-group select,.form-group textarea{font-size:12px;padding:9px 10px}}.new-meeting-container{background:linear-gradient(180deg,#f0f4f8,#e8edf3);display:flex;flex-direction:column;height:100%;overflow:hidden}.meeting-form-header{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);box-shadow:0 2px 16px #0f2a4a33;display:flex;flex-shrink:0;gap:16px;height:60px;padding:0 24px}.meeting-form-header h2{color:#fff;flex:1 1;font-size:17px;font-weight:700;letter-spacing:.3px;margin:0;text-align:center}.meeting-form-header .back-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 14px;transition:all .22s}.meeting-form-header .back-button:hover{background:#c9a22740;border-color:#c9a227;color:#f0d675;transform:translateX(-2px)}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444;color:#991b1b}.error-message,.success-message{align-items:center;display:flex;font-size:14px;font-weight:500;gap:10px;margin:0;padding:14px 18px}.success-message{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981;color:#065f46}.new-meeting-form{display:flex;flex-direction:column;gap:0;overflow-y:auto;padding:20px}.new-meeting-form::-webkit-scrollbar{width:6px}.new-meeting-form::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.new-meeting-form::-webkit-scrollbar-thumb{background:#dce3eb;border-radius:3px}.new-meeting-form::-webkit-scrollbar-thumb:hover{background:#c4cfd8}.form-section h3{align-items:center;display:flex;gap:8px}.form-group:last-child:not(.date-time-group){margin-bottom:0}.form-group input::placeholder,.form-group textarea::placeholder{color:#aab4be}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%238898a4' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.date-time-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:0}.date-time-group{margin-bottom:0}.date-input-wrapper,.time-input-wrapper{align-items:center;display:flex;position:relative}.date-input-wrapper input,.time-input-wrapper input{width:100%}.date-icon,.time-icon{color:#8898a4;font-size:16px;pointer-events:none;position:absolute;right:14px}.submit-button{background:linear-gradient(135deg,#0f2a4a,#1a3f6f);box-shadow:0 4px 14px #0f2a4a40;font-family:Inter,sans-serif;margin-top:20px;overflow:hidden;padding:16px 24px;position:relative}.submit-button:before{background:linear-gradient(105deg,#0000 30%,#ffffff14 50%,#0000 70%);content:"";inset:0;position:absolute;transform:translateX(-120%);transition:transform .5s ease}.submit-button:hover:not(:disabled):before{transform:translateX(120%)}.submit-button:hover:not(:disabled){box-shadow:0 8px 24px #0f2a4a59}.submit-button:disabled{background:linear-gradient(135deg,#b8c5d0,#c4cfd8)}.submit-button:active:not(:disabled){transform:translateY(0) scale(.98)}@media (max-width:768px){.meeting-form-header{height:56px;padding:0 16px}.meeting-form-header h2{font-size:15px}.new-meeting-form{padding:16px}.form-section{border-radius:14px;margin-bottom:14px;padding:20px}.date-time-container{gap:14px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:16px}.form-group label{font-size:11px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:12px 14px}.submit-button{font-size:14px;margin-top:16px;padding:14px 20px}}@media (max-width:480px){.meeting-form-header{gap:10px;height:52px;padding:0 12px}.meeting-form-header h2{font-size:14px}.meeting-form-header .back-button{font-size:12px;padding:6px 10px}.new-meeting-form{padding:12px}.form-section{border-radius:12px;margin-bottom:12px;padding:16px}.form-section h3{font-size:10px;margin-bottom:14px;padding-bottom:10px}.date-time-container{gap:14px;grid-template-columns:1fr}.form-group{margin-bottom:14px}.form-group label{font-size:11px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border-radius:10px;font-size:14px;padding:12px 14px}.submit-button{border-radius:10px;font-size:14px;margin-top:12px;padding:13px 18px}}@media (max-width:360px){.meeting-form-header{height:48px;padding:0 10px}.meeting-form-header h2{font-size:13px}.form-section{padding:14px}.form-group input,.form-group select,.form-group textarea{font-size:13px;padding:10px 12px}.submit-button{font-size:13px;padding:12px 16px}}.my-meetings-container{background:#f0f4f8;display:flex;flex-direction:column;height:100%;overflow:hidden}.meetings-header{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);border-bottom:none;box-shadow:0 4px 20px #0f2a4a40;display:flex;flex-shrink:0;gap:16px;padding:18px 24px}.meetings-header h2{color:#fff;flex:1 1;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0;text-align:center}.meetings-header .back-button{align-items:center;background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;outline:none;padding:10px 16px;transition:all .22s}.meetings-header .back-button:hover{background:#fff3;border-color:#fff6;color:#fff}.meetings-header .back-button:focus{border-color:#fff6;outline:none}.meetings-header .back-button:active{transform:scale(.98)}.search-container{flex-shrink:0;gap:14px;padding:16px 24px}.search-icon{font-size:20px}.search-input{background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:12px 16px;transition:all .22s}.search-input:focus{background-color:#fff;border-color:#c9a227;box-shadow:0 0 0 3px #c9a2271a}.meetings-content{display:flex;flex:1 1;gap:24px;overflow:hidden;padding:24px}.calendar-section{background:#fff;border:1px solid #0f2a4a0f;border-radius:18px;box-shadow:0 4px 20px #0f2a4a14;overflow-y:auto;padding:24px}.month-navigation{border-bottom:3px solid #c9a227;margin-bottom:20px;padding-bottom:16px}.nav-button{background:linear-gradient(135deg,#c9a2271a,#f0d6751a);border:2px solid #c9a22733;border-radius:10px;color:#0f2a4a;font-size:18px;font-weight:600;padding:10px 16px}.nav-button:hover{background:linear-gradient(135deg,#c9a22733,#f0d67533);border-color:#c9a227;transform:scale(1.05)}.nav-button:focus{box-shadow:0 0 0 3px #c9a22733}.nav-button:active{transform:scale(.98)}.month-label{font-size:18px;letter-spacing:.3px}.view-mode-toggle{background:#f0f4f8;border-radius:14px;margin-bottom:20px;padding:6px}.mode-button{background-color:initial;border:none;border-radius:10px;font-size:13px;padding:8px 16px}.mode-button.active{box-shadow:0 4px 12px #c9a2274d}.mode-button:hover:not(.active){background-color:#fffc;color:#0f2a4a}.day-header{color:#0f2a4a;letter-spacing:.5px;padding:10px 0}.calendar-day{background-color:#fff;border-radius:12px;font-weight:500;transition:all .3s ease}.calendar-day:hover:not(.empty){background:linear-gradient(135deg,#c9a2271a,#f0d6751a);box-shadow:0 4px 12px #c9a22726;transform:scale(1.05)}.calendar-day.selected{box-shadow:0 6px 20px #0f2a4a59;transform:scale(1.02)}.day-number{color:#0f2a4a}.calendar-day.selected .day-number{color:#fff}.meetings-badge{background:linear-gradient(135deg,#c9a227,#f0d675);border-radius:6px;box-shadow:0 2px 8px #c9a22766;color:#0f2a4a;font-size:10px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:4px;text-align:center;top:4px}.meetings-list-section{background:#fff;border:1px solid #0f2a4a0f;border-radius:18px;box-shadow:0 4px 20px #0f2a4a14;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:24px}.selected-date-info{margin-bottom:20px;padding-bottom:16px}.selected-date-info h3{font-size:18px;letter-spacing:.3px;margin:0 0 6px}.meeting-count{align-items:center;background:linear-gradient(135deg,#c9a2271a,#f0d67526);border:1px solid #c9a22733;border-radius:20px;color:#0f2a4a;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:4px 12px}.meetings-list{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding-right:4px}.meetings-list::-webkit-scrollbar{width:6px}.meetings-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.meetings-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.meetings-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.meeting-item{background:#fff;border:1.5px solid #0f2a4a14;border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .22s}.meeting-item:before{background:linear-gradient(180deg,#c9a227,#f0d675);border-radius:4px 0 0 4px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.meeting-item:hover{border-color:#c9a2274d;box-shadow:0 8px 30px #0f2a4a1f;transform:translateY(-2px)}.meeting-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.meeting-title-section{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.meeting-title{color:#0f2a4a;font-size:17px;font-weight:700;line-height:1.3;margin:0}.meeting-time{align-items:center;background:linear-gradient(135deg,#c9a2271f,#f0d6752e);border:1.5px solid #c9a22740;border-radius:8px;color:#c9a227;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:6px 14px;width:-webkit-fit-content;width:fit-content}.time-icon{font-size:14px}.meeting-actions,.my-meetings-container .meeting-actions{align-items:center!important;display:flex!important;flex-direction:row!important;flex-shrink:0!important;gap:10px!important;opacity:1!important;visibility:visible!important}.meeting-actions .edit-button,.meeting-item .meeting-actions .edit-button,.my-meetings-container .edit-button,.my-meetings-container .meeting-item .edit-button{align-items:center!important;background:linear-gradient(135deg,#c9a2271f,#f0d6752e)!important;border:1.5px solid #c9a22740!important;border-radius:10px!important;color:#c9a227!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;height:42px!important;justify-content:center!important;min-height:42px!important;min-width:42px!important;opacity:1!important;padding:0!important;position:relative!important;transition:all .22s!important;visibility:visible!important;width:42px!important}.edit-button:hover,.my-meetings-container .edit-button:hover{background:linear-gradient(135deg,#c9a227,#f0d675)!important;border-color:#0000!important;box-shadow:0 4px 15px #c9a22766;color:#0f2a4a!important;transform:scale(1.08)}.edit-button:active{transform:scale(.95)}.meeting-actions .delete-button,.meeting-item .meeting-actions .delete-button,.my-meetings-container .delete-button,.my-meetings-container .meeting-item .delete-button{align-items:center!important;background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;border:1.5px solid #ef444433!important;border-radius:10px!important;bottom:auto!important;color:#ef4444!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:16px!important;height:42px!important;justify-content:center!important;left:auto!important;min-height:42px!important;min-width:42px!important;opacity:1!important;padding:0!important;position:relative!important;right:auto!important;top:auto!important;transition:all .22s!important;visibility:visible!important;width:42px!important}.delete-button:hover:not(:disabled),.my-meetings-container .delete-button:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 4px 15px #ef444466;color:#fff!important;transform:scale(1.1)}.delete-button:disabled,.my-meetings-container .delete-button:disabled{cursor:not-allowed!important;opacity:.5!important}.meeting-details{grid-gap:12px;border-top:1px solid #0f2a4a14;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-top:12px}.detail-row{align-items:center;background:#f8fafc;border-radius:10px;font-size:13px;gap:10px;padding:10px 14px;transition:all .22s}.detail-row:hover{background:linear-gradient(135deg,#c9a2270d,#f0d67514)}.detail-icon{color:#c9a227;flex-shrink:0;font-size:16px;text-align:center;width:24px}.detail-label{color:#64748b;font-size:12px;letter-spacing:.3px;min-width:70px}.detail-value{color:#0f2a4a;font-weight:500}.error-state,.loading-state,.no-meetings{align-items:center;color:#64748b;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px}.error-state p,.loading-state p,.no-meetings p{font-size:15px;font-weight:500;margin:0 0 16px;text-align:center}.no-meetings:before{content:"📅";font-size:48px;margin-bottom:16px;opacity:.5}.clear-search-button{background:linear-gradient(135deg,#c9a2271a,#f0d67526);border:1.5px solid #c9a22733;border-radius:10px;color:#0f2a4a;font-size:14px;padding:10px 20px;transition:all .22s}.clear-search-button:hover{background:linear-gradient(135deg,#c9a227,#f0d675);border-color:#0000;box-shadow:0 4px 12px #c9a2274d;transform:translateY(-1px)}@media (max-width:1024px){.meetings-content{flex-direction:column;gap:20px}.calendar-section{flex:0 0 auto;max-height:50vh}.meetings-list-section{flex:1 1;min-height:300px}.meeting-details{grid-template-columns:1fr}}@media (max-width:768px){.meetings-header{padding:16px 20px}.meetings-header h2{font-size:18px}.meetings-content{gap:16px;padding:16px}.calendar-section,.meetings-list-section{border-radius:16px;padding:16px}.calendar-day{aspect-ratio:1}.meeting-item{padding:16px}.meeting-title{font-size:14px}.detail-row{font-size:12px;padding:8px 12px}.month-label{font-size:16px}.view-mode-toggle{flex-wrap:wrap}}@media (max-width:480px){.meetings-header{padding:14px 16px}.meetings-header h2{font-size:16px}.meetings-header .back-button{font-size:13px;padding:8px 12px}.search-container{padding:12px 16px}.search-input{font-size:13px;padding:10px 14px}.meetings-content{flex-direction:column;gap:12px;padding:12px}.calendar-section{max-height:45vh}.calendar-section,.meetings-list-section{border-radius:14px;padding:14px}.calendar-grid{gap:4px}.calendar-day{border-radius:8px;border-width:1px;font-size:12px}.day-header{font-size:10px;padding:6px 0}.month-navigation{margin-bottom:14px;padding-bottom:12px}.month-label,.nav-button{font-size:14px}.nav-button{padding:8px 12px}.view-mode-toggle{margin-bottom:14px;padding:4px}.mode-button{font-size:11px;padding:6px 12px}.selected-date-info h3{font-size:15px}.meeting-count{font-size:11px;padding:3px 10px}.meeting-item{border-radius:12px;padding:14px 14px 14px 18px}.meeting-item:before{width:3px}.meeting-title{font-size:14px}.meeting-time{font-size:11px;padding:5px 10px}.meeting-actions{display:flex;flex-direction:row;flex-shrink:0;gap:8px}.delete-button,.edit-button{border-radius:8px;font-size:14px;height:38px;min-height:38px;min-width:38px;padding:0;width:38px}.meeting-details{gap:8px;padding-top:10px}.detail-row{border-radius:8px;font-size:11px;gap:8px;padding:8px 10px}.detail-icon{font-size:14px;width:20px}.detail-label{font-size:10px;min-width:55px}.meetings-badge{font-size:9px;min-width:14px;padding:1px 4px;right:2px;top:2px}}@media (max-width:360px){.meetings-header{gap:10px}.meetings-header h2{font-size:14px}.meetings-header .back-button{font-size:12px;padding:6px 10px}.calendar-section,.meetings-list-section{padding:10px}.calendar-day{border-radius:6px}.mode-button{font-size:10px;padding:5px 10px}.meeting-item{padding:12px 12px 12px 16px}.meeting-header{margin-bottom:12px}.detail-row{padding:6px 8px}}.modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background-color:#0f2a4ab3!important;bottom:76px!important;display:flex!important;justify-content:center!important;left:0!important;overflow-y:auto!important;padding:16px!important;position:fixed!important;right:0!important;top:0!important;z-index:99999!important}.modal-content,.modal-content.edit-meeting-modal{animation:slideUp .3s ease;background:#fff!important;border-radius:18px!important;box-shadow:0 25px 60px #0f2a4a4d!important;display:flex!important;flex-direction:column!important;margin:auto!important;max-height:calc(100vh - 100px)!important;max-width:500px!important;overflow:hidden!important;width:100%!important}.modal-body{flex:1 1!important;min-height:0!important;overflow-y:auto!important;padding:20px 24px!important}.modal-header{border-bottom:none;border-radius:18px 18px 0 0;padding:24px}.modal-header h3{font-size:20px;letter-spacing:.3px}.modal-close{border-radius:10px;font-size:20px}.modal-close:hover{background:#c9a22733;border-color:#c9a22766;color:#f0d675;transform:rotate(90deg)}.form-group{margin-bottom:20px}.form-group label{color:#0f2a4a;font-size:13px;letter-spacing:.3px}.form-input{box-sizing:border-box;padding:12px 16px;width:100%}.form-input:focus{background-color:#fff}.form-input::placeholder{color:#94a3b8}.modal-footer{background:#f8fafc!important;border-radius:0 0 18px 18px!important;border-top:2px solid #f0f4f8!important;display:flex!important;flex-shrink:0!important;gap:12px!important;justify-content:flex-end!important;padding:16px 24px!important}.cancel-button{background:#0f2a4a14!important;border:1.5px solid #0f2a4a26!important;border-radius:10px!important;color:#0f2a4a!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;padding:12px 20px!important;transition:all .22s!important}.cancel-button:hover:not(:disabled){background:#0f2a4a1f!important;transform:translateY(-1px)}.cancel-button:disabled{cursor:not-allowed;opacity:.6}.submit-button{background:linear-gradient(135deg,#0f2a4a,#1a3f6f)!important;border:none!important;border-radius:10px!important;box-shadow:0 4px 15px #0f2a4a4d!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:700!important;padding:12px 20px!important;transition:all .22s!important}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#1a3f6f,#0f2a4a)!important;box-shadow:0 6px 20px #0f2a4a66}.submit-button:disabled{opacity:.6}@media (max-width:600px){.modal-overlay{align-items:flex-start!important;bottom:76px!important;padding:10px!important}.modal-content,.modal-content.edit-meeting-modal{border-radius:14px!important;margin-top:0!important;max-height:calc(100vh - 96px)!important}.modal-header{border-radius:14px 14px 0 0!important;padding:14px 16px!important}.modal-close,.modal-header h3{font-size:16px!important}.modal-close{height:30px!important;width:30px!important}.modal-body{padding:14px 16px!important}.form-group{margin-bottom:12px!important}.form-group label{font-size:11px!important;margin-bottom:5px!important}.form-input{border-radius:8px!important;font-size:14px!important;padding:10px 12px!important}.modal-footer{border-radius:0 0 14px 14px!important;gap:10px!important;padding:12px 16px!important}.cancel-button,.submit-button{flex:1 1!important;font-size:13px!important;padding:10px 16px!important}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state:before{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#c9a227;content:"";height:40px;margin-bottom:16px;width:40px}.manage-teams-container{background:linear-gradient(180deg,#f0f4f8,#e8edf3);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.teams-header{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);box-shadow:0 2px 16px #0f2a4a33;display:flex;flex-shrink:0;gap:16px;height:60px;padding:0 24px}.teams-header h2{color:#fff;flex:1 1;font-size:17px;font-weight:700;letter-spacing:.3px;margin:0;text-align:center}.back-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;gap:6px;padding:8px 14px}.back-button:hover{background:#c9a22740;border-color:#c9a227;transform:translateX(-2px)}.teams-content{flex:1 1;overflow-y:auto;padding:20px}.teams-content::-webkit-scrollbar{width:6px}.teams-content::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.teams-content::-webkit-scrollbar-thumb{background:#dce3eb;border-radius:3px}.teams-content::-webkit-scrollbar-thumb:hover{background:#c4cfd8}.teams-content.chat-groups-content{padding:12px 0}.teams-list{display:flex;flex-direction:column;gap:16px}.team-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0f2a4a0f;padding:24px;transition:all .22s}.team-card:hover{border-color:#c9a227;box-shadow:0 8px 24px #0f2a4a1f;transform:translateY(-2px)}.team-header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:0}.team-name{color:#0f2a4a;font-size:17px;font-weight:700;letter-spacing:-.2px;margin:0}.team-chat-btn{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);border:none;border-radius:10px;box-shadow:0 3px 10px #0f2a4a40;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;padding:10px 18px;transition:all .22s;white-space:nowrap}.team-chat-btn:hover{box-shadow:0 6px 18px #0f2a4a59;transform:translateY(-2px)}.team-chat-btn:active{transform:translateY(0) scale(.98)}.edit-button{background:#ef444414;border:1.5px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;font-size:18px;padding:8px 10px;transition:all .22s}.edit-button:hover{background:#ef444426;border-color:#ef4444;transform:scale(1.05)}.team-section{margin-bottom:24px}.team-section:last-child{margin-bottom:0}.section-title{color:#c9a227;font-size:11px;font-weight:700;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.member-item{align-items:center;background:#f8fafc;border:2px solid #0000;border-radius:12px;display:flex;gap:12px;margin-bottom:10px;padding:14px 16px;transition:all .22s}.member-item:hover{background:#f0f4f8;border-color:#c9a22733}.member-item.leader{background:linear-gradient(135deg,#c9a22714,#f0d67514);border-color:#c9a22740}.members-list{display:flex;flex-direction:column}.member-avatar{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);border-radius:50%;box-shadow:0 2px 8px #0f2a4a26;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.member-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#c9a227,#f0d675);color:#0f2a4a;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;width:100%}.member-info{flex:1 1}.member-name{color:#0f2a4a;font-size:15px;font-weight:600;margin:0}.member-role{color:#64748b;font-size:13px;margin:4px 0 0}.delete-button{background:#ef444414;border:1.5px solid #ef444433;color:#ef4444;flex-shrink:0;font-size:20px;margin-left:auto;padding:8px 10px;transition:all .22s}.delete-button:hover:not(:disabled){background:#ef444426;border-color:#ef4444;transform:scale(1.05)}.delete-button:disabled{opacity:.4}.no-members{background:#f8fafc;border-radius:10px;color:#94a3b8;font-size:13px;font-style:italic;margin:0;padding:16px;text-align:center}.team-actions{border-top:2px solid #f0f4f8;display:flex;justify-content:flex-end;margin-top:20px;padding-top:16px}.leave-team-button{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 3px 10px #ef444440;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .22s}.leave-team-button:hover:not(:disabled){box-shadow:0 6px 18px #ef444459;transform:translateY(-2px)}.leave-team-button:active:not(:disabled){transform:translateY(0)}.leave-team-button:disabled{cursor:not-allowed;opacity:.5}.floating-add-button{align-items:center;background:linear-gradient(135deg,#c9a227,#f0d675);border:none;border-radius:50%;bottom:24px;box-shadow:0 6px 20px #c9a22759;color:#0f2a4a;cursor:pointer;display:flex;font-size:28px;font-weight:700;height:56px;justify-content:center;position:absolute;right:24px;transition:all .22s;width:56px}.floating-add-button:hover{box-shadow:0 10px 28px #c9a22773;transform:scale(1.08)}.floating-add-button:active{transform:scale(.95)}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f2a4a99}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .25s ease;border-radius:20px;box-shadow:0 20px 50px #0f2a4a40;display:flex;flex-direction:column;max-width:600px;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#0f2a4a,#1a3f6f);border-bottom:2px solid #f0f4f8;padding:20px 24px}.modal-header h3{color:#fff;font-size:17px;font-weight:700}.modal-close{background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:8px;color:#fff;font-size:18px;height:36px;transition:all .22s;width:36px}.modal-close:hover{background:#ef444433;border-color:#ef444480;color:#fca5a5}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f8fafc}.modal-body::-webkit-scrollbar-thumb{background:#dce3eb;border-radius:3px}.selected-count-banner{align-items:center;background:linear-gradient(135deg,#c9a2271a,#f0d6751a);border:2px solid #c9a227;border-radius:12px;color:#0f2a4a;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:18px;padding:14px 18px}.clear-selection-btn{background:#fff;border:1.5px solid #c9a227;border-radius:8px;color:#0f2a4a;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .22s}.clear-selection-btn:hover{background:#c9a227;color:#fff}.search-container{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:18px;padding:14px 18px;transition:all .22s}.search-container:focus-within{border-color:#c9a227;box-shadow:0 0 0 3px #c9a2271a}.search-icon{color:#64748b}.search-input{background:#0000;padding:0}.select-all-container{background:linear-gradient(135deg,#0f2a4a,#1a3f6f);border-radius:12px;margin-bottom:14px;padding:14px 18px}.select-all-label{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;-webkit-user-select:none;user-select:none}.select-all-label:hover{color:#f0d675}.dropdown-section{max-height:400px;overflow-y:auto}.dropdown-list{display:flex;flex-direction:column;gap:10px}.dropdown-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .22s}.dropdown-item:hover{background:#f8fafc;border-color:#c9a227}.dropdown-item.selected{background:linear-gradient(135deg,#c9a22714,#f0d67514);border-color:#c9a227}.lawyer-checkbox{accent-color:#c9a227;border:2px solid #dce3eb;border-radius:8px;cursor:pointer;flex-shrink:0;height:22px;margin-right:4px;width:22px}.lawyer-checkbox:checked{border-color:#c9a227}.lawyer-avatar{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);border-radius:50%;box-shadow:0 2px 8px #0f2a4a26;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;width:44px}.lawyer-avatar img{height:100%;object-fit:cover;width:100%}.lawyer-info{flex:1 1}.lawyer-name{color:#0f2a4a;font-size:14px;font-weight:600;margin:0}.lawyer-phone{color:#64748b;font-size:12px;margin:3px 0 0}.lawyer-id{color:#94a3b8;font-size:11px;font-weight:600;margin:3px 0 0}.no-results{color:#94a3b8}.loading-text,.no-results{background:#f8fafc;border-radius:12px;font-size:14px;margin:24px 0;padding:32px;text-align:center}.loading-text{color:#64748b}.modal-footer{background:#f8fafc;border-top:2px solid #f0f4f8;padding:20px 24px}.cancel-button,.submit-button{border-radius:12px;font-weight:600;padding:14px 20px;transition:all .22s}.cancel-button{background:#e2e8f0;color:#0f2a4a}.cancel-button:hover{background:#cbd5e1}.submit-button{box-shadow:0 3px 10px #c9a22740}.submit-button:hover:not(:disabled){box-shadow:0 6px 18px #c9a22759;transform:translateY(-1px)}.submit-button:disabled{background:#e2e8f0}.error-state,.loading-state,.no-teams{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:15px;gap:12px;justify-content:center;min-height:300px;text-align:center}.team-name-modal{align-items:center;border-radius:20px;display:flex;flex-direction:column;gap:18px;max-height:auto;padding:28px}.modal-title{color:#0f2a4a;font-size:20px;font-weight:700;margin:0;text-align:center;width:100%}.team-name-input{border:2px solid #e2e8f0;border-radius:12px;color:#0f2a4a;font-family:inherit;font-size:15px;outline:none;padding:14px 18px;transition:all .22s;width:100%}.team-name-input:focus{border-color:#c9a227;box-shadow:0 0 0 3px #c9a2271a}.char-count{align-self:flex-end;color:#94a3b8;font-size:12px;font-weight:500}.team-name-footer{background-color:initial;border-top:none;margin-top:8px;padding:0;width:100%}.confirm-button{background:linear-gradient(135deg,#c9a227,#f0d675)!important;box-shadow:0 3px 10px #c9a22740!important;color:#0f2a4a!important}.confirm-button:hover:not(:disabled){box-shadow:0 6px 18px #c9a22759!important;transform:translateY(-1px)}@media (max-width:1024px){.teams-content{padding:18px}.team-card{padding:22px}}@media (max-width:768px){.modal-content{border-radius:16px;margin:16px;max-height:90vh}.modal-header{padding:18px 20px}.modal-body{padding:20px}.modal-footer{padding:16px 20px}.teams-header{height:56px;padding:0 16px}.teams-header h2{font-size:15px}.teams-content{padding:14px 16px}.team-card{border-radius:14px;padding:18px}.team-name{font-size:16px}.team-chat-btn{font-size:12px;padding:8px 14px}.floating-add-button{bottom:20px;font-size:26px;height:52px;right:20px;width:52px}.member-item{padding:12px 14px}.member-avatar{height:42px;width:42px}.member-name{font-size:14px}}@media (max-width:480px){.teams-header{gap:10px;height:52px;padding:0 12px}.teams-header h2{font-size:14px}.back-button{font-size:12px;padding:6px 10px}.teams-content{padding:12px}.team-card{border-radius:12px;padding:16px}.team-header{align-items:flex-start;flex-direction:column;gap:12px}.team-name{font-size:15px}.team-chat-btn{justify-content:center;width:100%}.member-item{gap:10px;padding:10px 12px}.member-avatar{height:38px;width:38px}.member-name{font-size:13px}.member-role{font-size:12px}.floating-add-button{bottom:16px;font-size:24px;height:48px;right:16px;width:48px}.modal-content{border-radius:14px;margin:12px}.modal-header{padding:16px}.modal-header h3{font-size:15px}.modal-body{padding:16px}.modal-footer{flex-direction:column;padding:14px 16px}.cancel-button,.submit-button{font-size:13px;padding:12px 18px}.search-container{padding:12px 14px}.dropdown-item{padding:12px}.lawyer-avatar{height:38px;width:38px}.lawyer-name{font-size:13px}}@media (max-width:360px){.teams-header{height:50px;padding:0 10px}.teams-header h2{font-size:13px}.teams-content{padding:10px}.team-card{padding:14px}.section-title{font-size:10px}}.teams-selection-list{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin:18px 0;max-height:300px;overflow-y:auto;padding:14px}.team-checkbox-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:all .22s}.team-checkbox-item:hover{background:#f0f4f8;border-color:#c9a2274d}.team-checkbox-item input[type=checkbox]{accent-color:#c9a227;cursor:pointer;height:20px;width:20px}.team-checkbox-item label{color:#0f2a4a;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;margin:0}.teams-selection-section{margin-bottom:20px}.section-label{color:#c9a227;font-size:11px;font-weight:700;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.no-teams-message{background:#f8fafc;border-radius:12px;color:#94a3b8;font-size:14px;margin:0;padding:24px;text-align:center}.modal-subtitle{color:#64748b;font-size:14px;margin:8px 0 18px;text-align:center}.chat-teams-container{background:#f0f4f8;display:flex;flex-direction:column;height:100%}.chat-teams-header{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);box-shadow:0 2px 8px #0f2a4a26;display:flex;padding:18px 20px}.chat-teams-header h2{color:#fff;flex:1 1;font-size:18px;font-weight:700;letter-spacing:.3px;margin:0;text-align:center}.chat-teams-body{flex:1 1;overflow-y:auto;padding:16px 0}.chat-teams-empty,.chat-teams-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:15px;gap:10px;height:200px;justify-content:center}.chat-teams-empty-icon{font-size:52px;margin-bottom:6px;opacity:.6}.chat-teams-empty-sub{color:#94a3b8;font-size:13px;margin:0}.chat-teams-list{display:flex;flex-direction:column;gap:4px}.chat-team-item{align-items:center;background:#fff;border-radius:14px;box-shadow:0 2px 8px #0f2a4a0f;cursor:pointer;display:flex;gap:14px;margin:0 14px;padding:16px 20px;position:relative;transition:all .22s}.chat-team-item:before{background:linear-gradient(180deg,#c9a227,#f0d675);border-radius:14px 0 0 14px;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .22s;width:4px}.chat-team-item:hover{background:linear-gradient(135deg,#c9a2270a,#f0d6750a);box-shadow:0 4px 12px #0f2a4a1a;transform:translateY(-1px)}.chat-team-item:hover:before{opacity:1}.chat-team-avatar{align-items:center;background:#e2e8f0;border-radius:50%;box-shadow:0 2px 8px #0f2a4a1a;display:flex;flex-shrink:0;height:54px;justify-content:center;overflow:hidden;width:54px}.chat-team-avatar img{height:100%;object-fit:cover;width:100%}.chat-team-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:100%;justify-content:center;width:100%}.chat-team-info{flex:1 1;min-width:0}.chat-team-name{color:#0f2a4a;font-size:15px;font-weight:600;margin:0 0 4px}.chat-team-name,.chat-team-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-team-sub{color:#64748b;font-size:13px;margin:0}.chat-team-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.chat-team-members{color:#94a3b8;font-size:11px;font-weight:500;white-space:nowrap}.chat-team-chevron{color:#c9a227;font-size:22px}@media (max-width:768px){.chat-teams-header{padding:14px 16px}.chat-teams-header h2{font-size:16px}.chat-team-item{border-radius:12px;margin:0 12px;padding:14px 16px}.chat-team-avatar{height:48px;width:48px}.chat-team-avatar-placeholder{font-size:18px}.chat-team-name{font-size:14px}.chat-team-sub{font-size:12px}}@media (max-width:480px){.chat-team-item,.chat-teams-header{padding:12px 14px}.chat-team-item{gap:12px;margin:0 10px}.chat-team-avatar{height:44px;width:44px}}.tc-container{background:linear-gradient(180deg,#f0f4f8,#e8edf3);display:flex;flex-direction:column;height:100%;overflow:hidden}.tc-header{background:linear-gradient(135deg,#0f2a4a,#1a3f6f);box-shadow:0 2px 16px #0f2a4a33;flex-shrink:0;gap:14px;padding:14px 20px}.tc-back-btn,.tc-header{align-items:center;color:#fff;display:flex}.tc-back-btn{background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:8px;cursor:pointer;font-size:18px;line-height:1;padding:8px 10px;transition:all .22s}.tc-back-btn:hover{background:#c9a22740;border-color:#c9a227;color:#f0d675}.tc-header-avatar{border:2px solid #c9a227;border-radius:50%;flex-shrink:0;height:44px;overflow:hidden;width:44px}.tc-header-avatar img{height:100%;object-fit:cover;width:100%}.tc-header-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#c9a227,#f0d675);color:#0f2a4a;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.tc-header-info{flex:1 1;min-width:0}.tc-header-name{color:#fff;font-size:16px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-header-sub{color:#ffffffa6;font-size:12px;margin:2px 0 0}.tc-messages{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:16px 20px}.tc-messages::-webkit-scrollbar{width:6px}.tc-messages::-webkit-scrollbar-track{background:#f8fafc}.tc-messages::-webkit-scrollbar-thumb{background:#dce3eb;border-radius:3px}.tc-empty{align-items:center;color:#64748b;display:flex;flex:1 1;flex-direction:column;font-size:14px;gap:10px;justify-content:center}.tc-empty span{font-size:44px}.tc-msg-row{display:flex;flex-direction:column;max-width:75%}.tc-msg-row--mine{align-items:flex-end;align-self:flex-end}.tc-msg-row--theirs{align-items:flex-start;align-self:flex-start}.tc-msg-sender-name{color:#64748b;font-size:11px;font-weight:500;margin-bottom:3px;padding-left:6px}.tc-bubble{align-items:flex-end;border-radius:18px;display:inline-flex;font-size:14px;gap:8px;line-height:1.5;padding:10px 14px;position:relative;word-break:break-word}.tc-bubble--mine{background:linear-gradient(135deg,#0f2a4a,#1a3f6f);border-bottom-right-radius:6px;box-shadow:0 2px 8px #0f2a4a26;color:#fff}.tc-bubble--theirs{background:#fff;border:1.5px solid #f0f4f8;border-bottom-left-radius:6px;box-shadow:0 2px 8px #0f2a4a0f;color:#0f2a4a}.tc-bubble-text{flex:1 1}.tc-bubble-time{flex-shrink:0;font-size:10px;opacity:.6;white-space:nowrap}.tc-delete-btn{background:none;border:none;cursor:pointer;flex-shrink:0;font-size:13px;opacity:0;padding:0;transition:opacity .15s}.tc-bubble--mine:hover .tc-delete-btn{opacity:.7}.tc-delete-btn:hover{opacity:1!important}.tc-typing{align-items:center;color:#64748b;display:flex;font-size:12px;gap:8px;padding:6px 4px}.tc-typing p{margin:0}.tc-typing-dots{align-items:center;display:flex;gap:3px}.tc-typing-dots span{animation:tc-bounce 1.2s ease-in-out infinite;background:#c9a227;border-radius:50%;display:block;height:7px;width:7px}.tc-typing-dots span:nth-child(2){animation-delay:.2s}.tc-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes tc-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.tc-input-row{align-items:center;background:#fff;border-top:1px solid #e8edf2;display:flex;flex-shrink:0;gap:10px;padding:12px 16px}.tc-input{background:#f8fafc;border:1.5px solid #dce3eb;border-radius:24px;color:#0f2a4a;flex:1 1;font-size:14px;outline:none;padding:10px 16px;transition:all .22s}.tc-input:focus{background:#fff;border-color:#c9a227;box-shadow:0 0 0 3px #c9a2271f}.tc-send-btn{align-items:center;background:linear-gradient(135deg,#c9a227,#f0d675);border:none;border-radius:50%;box-shadow:0 2px 8px #c9a22740;color:#0f2a4a;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;transition:all .22s;width:44px}.tc-send-btn:hover:not(:disabled){box-shadow:0 4px 14px #c9a22759;transform:scale(1.05)}.tc-send-btn:active:not(:disabled){transform:scale(.95)}.tc-send-btn:disabled{background:#e2e8f0;box-shadow:none;color:#94a3b8;cursor:not-allowed}.tc-media-btn{align-items:center;background:#f8fafc;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:38px;justify-content:center;padding:0;transition:all .22s;width:38px}.tc-media-btn:hover:not(:disabled){background:#f0f4f8;color:#0f2a4a}.tc-media-btn:disabled{cursor:not-allowed;opacity:.4}.tc-bubble-image{border-radius:12px;cursor:pointer;display:block;max-height:220px;max-width:220px;object-fit:cover}.tc-bubble-file{color:inherit;display:inline-block;font-size:13px;text-decoration:underline;word-break:break-all}@media (max-width:768px){.tc-header{gap:12px;padding:12px 16px}.tc-header-avatar{height:40px;width:40px}.tc-header-name{font-size:15px}.tc-messages{padding:12px 14px}.tc-input-row{padding:10px 14px}}@media (max-width:480px){.tc-header{gap:10px;padding:10px 12px}.tc-back-btn{font-size:16px;padding:6px 8px}.tc-header-avatar{height:36px;width:36px}.tc-header-name{font-size:14px}.tc-header-sub{font-size:11px}.tc-messages{gap:6px;padding:10px 12px}.tc-msg-row{max-width:85%}.tc-bubble{font-size:13px;padding:8px 12px}.tc-input-row{gap:6px;padding:8px 10px}.tc-input{font-size:13px;padding:8px 12px}.tc-send-btn{font-size:16px;height:40px;width:40px}.tc-media-btn{font-size:18px;height:34px;width:34px}}.gi-container{background:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden}.gi-header{background:#0f2a4a;flex-shrink:0;justify-content:space-between;padding:12px 16px}.gi-back-btn,.gi-header{align-items:center;color:#fff;display:flex}.gi-back-btn{background:none;border:none;cursor:pointer;font-size:28px;line-height:1;padding:0 6px 0 0}.gi-back-btn:hover{opacity:.75}.gi-header-title{font-size:17px;font-weight:600;letter-spacing:.2px}.gi-scroll{flex:1 1;gap:0;overflow-y:auto;padding:24px 20px 40px}.gi-avatar-section,.gi-scroll{display:flex;flex-direction:column}.gi-avatar-section{align-items:center;margin-bottom:20px}.gi-avatar-wrap{border-radius:50%;cursor:pointer;height:100px;overflow:visible;position:relative;width:100px}.gi-avatar-img{object-fit:cover}.gi-avatar-img,.gi-avatar-placeholder{border:3px solid #e0e0e0;border-radius:50%;height:100px;width:100px}.gi-avatar-placeholder{color:#fff;font-size:38px;font-weight:700}.gi-avatar-edit-badge,.gi-avatar-placeholder{align-items:center;background:#0f2a4a;display:flex;justify-content:center}.gi-avatar-edit-badge{border:2px solid #fff;border-radius:50%;bottom:4px;box-shadow:0 1px 4px #0003;font-size:13px;height:28px;position:absolute;right:4px;width:28px}.gi-avatar-hint{color:#aaa;font-size:12px;margin:8px 0 0}.gi-name-display{color:#1a1a1a;font-size:22px;font-weight:700;margin-bottom:4px;text-align:center}.gi-desc-display{color:#666;font-size:14px;margin-bottom:20px;min-height:20px;text-align:center}.gi-placeholder-text{color:#bbb;font-style:italic}.gi-actions{display:flex;gap:16px;justify-content:center;margin:4px 0 28px}.gi-action-btn{align-items:center;background:#f0f4f8;border:none;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:80px;padding:14px 20px;transition:background .15s,transform .1s}.gi-action-btn:hover{background:#eaeaea}.gi-action-btn:active{transform:scale(.95)}.gi-action-btn--warn .gi-action-label{color:#a8841e}.gi-action-btn--danger .gi-action-label{color:#e74c3c}.gi-action-icon{font-size:22px;line-height:1}.gi-action-label{color:#333;font-size:12px;font-weight:600}.gi-label{color:#888;font-size:13px;font-weight:600;letter-spacing:.5px;margin:16px 0 6px;text-transform:uppercase}.gi-members-label{border-top:1px solid #f0f0f0;margin-top:28px;padding-top:20px}.gi-input{background:#f9f9f9;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;font-size:15px;outline:none;padding:12px 14px;transition:border-color .2s;width:100%}.gi-input:focus{background:#fff;border-color:#0f2a4a}.gi-textarea{background:#f9f9f9;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:15px;line-height:1.5;outline:none;padding:12px 14px;resize:vertical;transition:border-color .2s;width:100%}.gi-textarea:focus{background:#fff;border-color:#0f2a4a}.gi-update-btn{background:#0f2a4a;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:16px;transition:background .2s,transform .1s;width:100%}.gi-update-btn:hover:not(:disabled){background:#3d5166}.gi-update-btn:active:not(:disabled){transform:scale(.98)}.gi-update-btn:disabled{background:#b0bec5;cursor:not-allowed}.gi-members-list{display:flex;flex-direction:column;gap:2px;margin-top:8px}.gi-members-empty,.gi-members-loading{color:#aaa;font-size:14px;padding:20px 0;text-align:center}.gi-member-item{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;gap:14px;padding:12px 4px}.gi-member-item:last-child{border-bottom:none}.gi-member-avatar{background:#e0e0e0;border-radius:50%;flex-shrink:0;height:46px;overflow:hidden;width:46px}.gi-member-avatar img{height:100%;object-fit:cover;width:100%}.gi-member-avatar-placeholder{align-items:center;background:#4a6fa5;color:#fff;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.gi-member-info{flex:1 1;min-width:0}.gi-member-name{color:#1a1a1a;font-size:15px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gi-member-you{color:#888;font-size:13px;font-weight:400}.gi-member-role{color:#999;font-size:12px;margin:3px 0 0}.gi-remove-btn{background:none;border:1px solid #e0e0e0;border-radius:6px;color:#e74c3c;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:4px 8px;transition:background .15s}.gi-remove-btn:hover:not(:disabled){background:#fdecea}.gi-remove-btn:disabled{cursor:not-allowed;opacity:.5}.gi-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.gi-modal{animation:gi-fade-in .18s ease;background:#fff;border-radius:16px;box-shadow:0 8px 40px #0000002e;display:flex;flex-direction:column;max-height:82vh;max-width:480px;overflow:hidden;width:100%}@keyframes gi-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.gi-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 20px 12px}.gi-modal-title{color:#1a1a1a;font-size:17px;font-weight:700;margin:0}.gi-modal-close{background:none;border:none;border-radius:50%;color:#888;cursor:pointer;font-size:18px;padding:2px 6px}.gi-modal-close:hover{background:#f0f0f0}.gi-modal-search-wrap{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;gap:8px;padding:10px 16px}.gi-modal-search-icon{font-size:16px}.gi-modal-search{background:#0000;border:none;flex:1 1;font-size:15px;outline:none}.gi-modal-body{flex:1 1;overflow-y:auto;padding:12px 16px 8px}.gi-modal-section-label{color:#888;font-size:12px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;padding:4px 0 6px;text-transform:uppercase}.gi-modal-section-divider{border:none;border-top:1px solid #f0f0f0;margin:16px 0 14px}.gi-modal-empty{color:#bbb;font-size:14px;padding:12px 0;text-align:center}.gi-modal-lawyer-row,.gi-modal-member-row{align-items:center;border-bottom:1px solid #f5f5f5;border-radius:8px;display:flex;gap:12px;padding:10px 4px;transition:background .12s}.gi-modal-lawyer-row{cursor:pointer;padding:10px 8px}.gi-modal-lawyer-row:hover{background:#f9f9f9}.gi-modal-lawyer-row--selected{background:#eef4ff}.gi-modal-checkbox{accent-color:#0f2a4a;cursor:pointer;flex-shrink:0;height:18px;width:18px}.gi-modal-member-avatar{background:#e0e0e0;border-radius:50%;flex-shrink:0;height:42px;overflow:hidden;width:42px}.gi-modal-member-avatar img{height:100%;object-fit:cover;width:100%}.gi-modal-member-init{align-items:center;background:#4a6fa5;color:#fff;display:flex;font-size:17px;font-weight:700;height:100%;justify-content:center;width:100%}.gi-modal-member-info{flex:1 1;min-width:0}.gi-modal-member-name{color:#1a1a1a;font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gi-modal-member-role{color:#999;font-size:12px;margin:2px 0 0}.gi-modal-remove-btn{background:none;border:1px solid #e0e0e0;border-radius:6px;color:#e74c3c;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:4px 10px;transition:background .15s;white-space:nowrap}.gi-modal-remove-btn:hover:not(:disabled){background:#fdecea;border-color:#e74c3c}.gi-modal-remove-btn:disabled{cursor:not-allowed;opacity:.5}.gi-modal-selected-banner{align-items:center;background:#eef4ff;border-radius:8px;color:#0f2a4a;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:10px;padding:8px 12px}.gi-modal-clear-btn{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:13px;font-weight:600;padding:0}.gi-modal-footer{border-top:1px solid #f0f0f0;flex-shrink:0;padding:12px 16px 20px}.gi-modal-add-btn{background:#0f2a4a;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:15px;transition:background .2s;width:100%}.gi-modal-add-btn:hover:not(:disabled){background:#3d5166}.gi-modal-add-btn:disabled{background:#b0bec5;cursor:not-allowed}.requests-container{background:linear-gradient(180deg,#f0f4f8,#e8edf3);box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-width:100%;width:100%}.requests-header{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);box-shadow:0 2px 16px #0f2a4a33;display:flex;flex-shrink:0;height:60px;justify-content:space-between;padding:0 24px}.requests-header .back-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .22s}.requests-header .back-button:hover{background:#c9a22740;border-color:#c9a227;color:#f0d675;transform:translateX(-2px)}.requests-header h2{color:#fff;flex:1 1;font-size:17px;font-weight:700;letter-spacing:.3px;margin:0;text-align:center}.requests-content{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1 1;overflow-y:auto;padding:20px;width:100%}.requests-content::-webkit-scrollbar{width:6px}.requests-content::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.requests-content::-webkit-scrollbar-thumb{background:#dce3eb;border-radius:3px}.requests-content::-webkit-scrollbar-thumb:hover{background:#c4cfd8}.error-state,.loading-state,.no-requests{align-items:center;color:#8898a4;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.error-state{color:#ef4444}.error-state p{font-size:14px;font-weight:500;margin-bottom:16px}.no-requests p{color:#8898a4;font-size:15px;font-weight:500}.requests-list{display:flex;flex-direction:column;gap:14px;width:100%}.request-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0f2a4a0f;box-sizing:border-box;overflow:hidden;padding:18px;position:relative;transition:all .22s;width:100%}.request-card:before{background:linear-gradient(180deg,#c9a227,#a8841e);border-radius:4px 0 0 4px;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .22s;width:4px}.request-card:hover{border-color:#c9a227;box-shadow:0 8px 24px #0f2a4a1f;transform:translateY(-2px)}.request-card:hover:before{opacity:1}.request-header{border-bottom:2px solid #f0f4f8;margin-bottom:14px;padding-bottom:12px}.request-title{color:#0f2a4a;font-size:16px;font-weight:700;letter-spacing:-.2px;margin:0}.request-details{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.request-description{color:#5a6a78;font-size:13px;line-height:1.55;margin:0}.request-date,.request-status,.request-user{align-items:center;display:flex;font-size:12px;gap:8px}.request-date .label,.request-status .label,.request-user .label{color:#8898a4;font-size:10px;font-weight:700;letter-spacing:.3px;min-width:55px;text-transform:uppercase}.request-date .value,.request-user .value{color:#1a2633;flex-wrap:wrap;font-weight:500}.status-badge{border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 12px;text-transform:uppercase}.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-accepted{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.request-actions{border-top:2px solid #f0f4f8;display:flex;gap:12px;margin-top:14px;padding-top:14px}.accept-button,.reject-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:700;justify-content:center;letter-spacing:.3px;min-height:42px;overflow:hidden;padding:12px 16px;position:relative;text-align:center;transition:all .22s}.accept-button{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 3px 10px #10b98140;color:#fff}.accept-button:hover:not(:disabled){box-shadow:0 6px 18px #10b98159;transform:translateY(-2px)}.accept-button:disabled{cursor:not-allowed;opacity:.55}.reject-button{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 3px 10px #ef444440;color:#fff}.reject-button:hover:not(:disabled){box-shadow:0 6px 18px #ef444459;transform:translateY(-2px)}.reject-button:disabled{cursor:not-allowed;opacity:.55}@media (max-width:768px){.requests-header{height:56px;padding:0 16px}.requests-header h2{font-size:15px}.requests-content{padding:16px}.request-card{border-radius:14px;padding:16px}.requests-list{gap:12px}}@media (max-width:480px){.requests-header{gap:10px;height:52px;padding:0 12px}.requests-header h2{font-size:14px}.requests-header .back-button{font-size:12px;padding:6px 10px}.requests-content{padding:12px}.request-card{border-radius:12px;padding:14px}.requests-list{gap:10px}.request-title{font-size:15px}.accept-button,.reject-button{font-size:12px;min-height:38px;padding:10px 14px}}@media (max-width:360px){.requests-header{height:48px;padding:0 10px}.requests-header h2{font-size:13px}.request-card{padding:12px}.accept-button,.reject-button{border-radius:8px;font-size:11px;padding:9px 12px}}@media (min-width:768px){.requests-content{margin:0 auto;max-width:100%;padding:24px}.requests-list{gap:16px;margin:0 auto;max-width:800px}.request-card{padding:20px}.request-title{font-size:17px}.request-description{font-size:14px}}@media (min-width:1024px){.requests-content{padding:28px}.requests-list{gap:18px;width:100%}.request-card{border-radius:18px;padding:22px}}.edit-profile-container{background:linear-gradient(180deg,#f0f4f8,#e8edf3);display:flex;flex-direction:column;height:100%;width:100%}.edit-profile-header{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);box-shadow:0 2px 16px #0f2a4a33;display:flex;flex-shrink:0;gap:16px;height:60px;padding:0 24px}.edit-profile-header h2{color:#fff;flex:1 1;font-size:17px;font-weight:700;letter-spacing:.3px;margin:0;text-align:center}.edit-profile-header .back-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .22s}.edit-profile-header .back-button:hover{background:#c9a22740;border-color:#c9a227;color:#f0d675;transform:translateX(-2px)}.edit-profile-form{flex:1 1;overflow-y:auto;padding:20px}.edit-profile-form::-webkit-scrollbar{width:6px}.edit-profile-form::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.edit-profile-form::-webkit-scrollbar-thumb{background:#dce3eb;border-radius:3px}.edit-profile-form::-webkit-scrollbar-thumb:hover{background:#c4cfd8}.image-upload-section{align-items:center;background:#fff;border:1.5px solid #f0f4f8;border-radius:16px;box-shadow:0 2px 8px #0f2a4a0f;display:flex;flex-direction:column;gap:16px;margin-bottom:20px;padding:28px 24px}.image-preview{border:4px solid #c9a227;border-radius:50%;box-shadow:0 4px 16px #c9a22740;height:120px;overflow:hidden;width:120px}.image-preview img{height:100%;object-fit:cover;width:100%}.image-placeholder{align-items:center;background:linear-gradient(135deg,#f0f4f8,#e8edf3);display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.image-upload-button{background:linear-gradient(135deg,#0f2a4a,#1a3f6f);border:none;border-radius:10px;box-shadow:0 3px 10px #0f2a4a40;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .22s}.image-upload-button:hover{box-shadow:0 6px 18px #0f2a4a59;transform:translateY(-2px)}.form-section{background:#fff;border:1.5px solid #f0f4f8;border-radius:16px;box-shadow:0 2px 8px #0f2a4a0f;margin-bottom:16px;padding:24px;transition:all .22s}.form-section:hover{box-shadow:0 4px 16px #0f2a4a1a}.form-section h3{border-bottom:2px solid #f0f4f8;color:#c9a227;font-size:11px;font-weight:700;letter-spacing:1.2px;margin:0 0 20px;padding-bottom:12px;text-transform:uppercase}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1 1}.form-group{margin-bottom:18px}.form-group:last-child{margin-bottom:0}.form-group label{color:#5a6a78;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;border:2px solid #dce3eb;border-radius:12px;box-sizing:border-box;color:#1a2633;font-family:Inter,sans-serif;font-size:14px;padding:14px 16px;transition:all .22s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#c9a227;box-shadow:0 0 0 4px #c9a2271f;outline:none}.form-group textarea{line-height:1.6;min-height:80px;resize:vertical}.submit-button{background:linear-gradient(135deg,#c9a227,#a8841e);box-shadow:0 4px 14px #c9a2274d;letter-spacing:.3px;margin-top:8px}.submit-button:hover:not(:disabled){box-shadow:0 8px 24px #c9a22766}.submit-button:disabled{opacity:.55}@media (max-width:768px){.edit-profile-header{height:56px;padding:0 16px}.edit-profile-header h2{font-size:15px}.edit-profile-form{padding:16px}.form-section{border-radius:14px;padding:20px}}@media (max-width:480px){.edit-profile-header{gap:10px;height:52px;padding:0 12px}.edit-profile-header h2{font-size:14px}.edit-profile-header .back-button{font-size:12px;padding:6px 10px}.form-row{flex-direction:column;gap:0}.edit-profile-form{padding:12px}.form-section{border-radius:12px;margin-bottom:12px;padding:16px}.form-section h3{font-size:10px;margin-bottom:14px;padding-bottom:10px}.image-upload-section{border-radius:14px;padding:20px 16px}.image-preview{height:100px;width:100px}.image-placeholder{font-size:40px}.form-group input,.form-group select,.form-group textarea{border-radius:10px;font-size:14px;padding:12px 14px}.submit-button{border-radius:10px;font-size:14px;padding:14px}}@media (max-width:360px){.edit-profile-header{height:48px;padding:0 10px}.edit-profile-header h2{font-size:13px}.image-preview{height:90px;width:90px}.form-section{padding:14px}.form-group input,.form-group select,.form-group textarea{font-size:13px;padding:10px 12px}.submit-button{font-size:13px;padding:12px}}.app-layout{background-color:#f0f4f8;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.app-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;padding-bottom:80px;scroll-behavior:smooth}.app-navbar{align-items:stretch;background:linear-gradient(180deg,#fff,#fafbfc);border-top:2px solid #e8edf2;bottom:0;box-shadow:0 -6px 30px #0f2a4a1f;display:flex;height:76px;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:1000}.nav-button{flex:1 1;gap:6px;min-width:0;padding:10px 4px;transition:all .25s cubic-bezier(.4,0,.2,1)}.nav-button.active:before{background:linear-gradient(90deg,#c9a227,#f0d675 50%,#c9a227);border-radius:0 0 6px 6px;box-shadow:0 2px 8px #c9a22766;height:4px}.nav-icon-wrap{align-items:center;border-radius:12px;display:flex;height:34px;justify-content:center;transition:all .25s;width:46px}.nav-button.active .nav-icon-wrap{background:linear-gradient(135deg,#c9a2271f,#f0d6751f)}.nav-button:hover .nav-icon-wrap{background:#0f2a4a0f;transform:scale(1.05)}.nav-icon{font-size:22px;transition:transform .25s}.nav-button.active .nav-icon{transform:scale(1.1)}.nav-label{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:700;letter-spacing:.3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:color .25s;white-space:nowrap}.nav-button.active .nav-label{color:#c9a227}@media (max-width:360px){.app-navbar{height:66px}.app-content{padding-bottom:66px}.nav-icon{font-size:18px}.nav-label{font-size:9px}.nav-icon-wrap{border-radius:10px;height:28px;width:38px}}@media (min-width:481px) and (max-width:767px){.app-navbar{height:80px}.app-content{padding-bottom:80px}.nav-icon{font-size:24px}.nav-label{font-size:11.5px}}@media (min-width:768px){.app-navbar{height:84px}.app-content{padding-bottom:84px}.nav-icon{font-size:24px}.nav-label{font-size:12px}.nav-icon-wrap{height:36px;width:50px}}@media (min-width:1024px){.app-navbar{border-left:2px solid #e8edf2;border-radius:24px 24px 0 0;border-right:2px solid #e8edf2;box-shadow:0 -8px 40px #0f2a4a26;left:50%;max-width:580px;transform:translateX(-50%)}}.dconv-container{background:#f0f4f8;display:flex;flex-direction:column;height:100%;overflow:hidden}.dconv-header{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);box-shadow:0 2px 8px #0f2a4a26;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 20px}.dconv-header h2{font-size:18px;font-weight:700;letter-spacing:.3px;margin:0}.dconv-refresh-btn{align-items:center;background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px;transition:all .22s}.dconv-refresh-btn:hover{background:#c9a22733;border-color:#c9a22766;color:#f0d675}.dconv-body{flex:1 1;overflow-y:auto}.dconv-state{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:15px;gap:12px;justify-content:center;padding:60px 24px;text-align:center}.dconv-state span{font-size:48px;opacity:.6}.dconv-state-sub{color:#94a3b8;font-size:13px;line-height:1.6;max-width:260px}.dconv-list{display:flex;flex-direction:column}.dconv-item{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;gap:14px;padding:16px 20px;position:relative;transition:all .22s}.dconv-item:before{background:linear-gradient(180deg,#c9a227,#f0d675);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .22s;width:4px}.dconv-item:hover{background:linear-gradient(135deg,#c9a2270a,#f0d6750a)}.dconv-item:hover:before{opacity:1}.dconv-item--unread{background:linear-gradient(135deg,#c9a2270f,#f0d6750f)}.dconv-item--unread:before{opacity:1}.dconv-avatar{border-radius:50%;box-shadow:0 2px 8px #0f2a4a1a;flex-shrink:0;height:52px;overflow:hidden;width:52px}.dconv-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);color:#fff;display:flex;font-size:20px;font-weight:700;height:100%;justify-content:center;width:100%}.dconv-info{flex:1 1;min-width:0}.dconv-info-top{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:4px}.dconv-name{color:#0f2a4a;font-size:15px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dconv-time{color:#94a3b8;flex-shrink:0;font-size:11px;font-weight:500;margin-left:8px}.dconv-info-bottom{align-items:center;display:flex;justify-content:space-between}.dconv-last-msg{color:#64748b;flex:1 1;font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dconv-item--unread .dconv-last-msg{color:#0f2a4a;font-weight:600}.dconv-unread-badge{align-items:center;background:linear-gradient(135deg,#c9a227,#f0d675);border-radius:11px;box-shadow:0 2px 6px #c9a2274d;color:#0f2a4a;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;margin-left:8px;min-width:22px;padding:0 6px}.dconv-case-type{background:linear-gradient(135deg,#c9a22726,#f0d67526);border:1px solid #c9a22733;border-radius:8px;color:#0f2a4a;display:inline-block;font-size:10px;font-weight:600;margin-top:4px;padding:3px 8px}@media (max-width:768px){.dconv-header{padding:14px 16px}.dconv-header h2{font-size:16px}.dconv-item{padding:14px 16px}.dconv-avatar{height:46px;width:46px}.dconv-avatar-placeholder{font-size:18px}.dconv-name{font-size:14px}.dconv-last-msg{font-size:12px}}@media (max-width:480px){.dconv-header{padding:12px 14px}.dconv-header h2{font-size:15px}.dconv-item{gap:12px;padding:12px 14px}.dconv-avatar{height:42px;width:42px}}.dc-container{background:linear-gradient(180deg,#f0f4f8,#e8edf3);display:flex;flex-direction:column;height:100%;overflow:hidden}.dc-header{background:linear-gradient(135deg,#0f2a4a,#1a3f6f);box-shadow:0 2px 16px #0f2a4a33;flex-shrink:0;gap:14px;padding:14px 20px}.dc-back-btn,.dc-header{align-items:center;color:#fff;display:flex}.dc-back-btn{background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:8px;cursor:pointer;font-size:18px;line-height:1;padding:8px 10px;transition:all .22s}.dc-back-btn:hover{background:#c9a22740;border-color:#c9a227;color:#f0d675}.dc-header-avatar{border:2px solid #c9a227;border-radius:50%;flex-shrink:0;height:44px;overflow:hidden;width:44px}.dc-header-avatar img{height:100%;object-fit:cover;width:100%}.dc-header-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#c9a227,#f0d675);color:#0f2a4a;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.dc-header-info{flex:1 1;min-width:0}.dc-header-name{color:#fff;font-size:16px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-header-sub{color:#ffffffa6;font-size:12px;margin:2px 0 0}.dc-messages{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:16px 20px}.dc-messages::-webkit-scrollbar{width:6px}.dc-messages::-webkit-scrollbar-track{background:#f8fafc}.dc-messages::-webkit-scrollbar-thumb{background:#dce3eb;border-radius:3px}.dc-empty{align-items:center;color:#64748b;display:flex;flex:1 1;flex-direction:column;font-size:14px;gap:10px;justify-content:center;padding:48px 0}.dc-empty span{font-size:40px}.dc-msg-row{display:flex;flex-direction:column;max-width:75%}.dc-msg-row--mine{align-items:flex-end;align-self:flex-end}.dc-msg-row--theirs{align-items:flex-start;align-self:flex-start}.dc-msg-sender-name{color:#64748b;font-size:11px;font-weight:500;margin-bottom:3px;padding-left:6px}.dc-bubble{border-radius:18px;max-width:100%;padding:10px 14px;position:relative;word-break:break-word}.dc-bubble--mine{background:linear-gradient(135deg,#0f2a4a,#1a3f6f);border-bottom-right-radius:6px;box-shadow:0 2px 8px #0f2a4a26;color:#fff}.dc-bubble--theirs{background:#fff;border:1.5px solid #f0f4f8;border-bottom-left-radius:6px;box-shadow:0 2px 8px #0f2a4a0f;color:#0f2a4a}.dc-bubble-text{font-size:14px;line-height:1.5}.dc-bubble-image{border-radius:12px;display:block;max-height:220px;max-width:220px}.dc-bubble-file{align-items:center;color:inherit;display:flex;font-size:13px;gap:6px;text-decoration:none}.dc-bubble-time{display:block;font-size:10px;margin-top:3px;opacity:.65;text-align:right}.dc-delete-btn{background:none;border:none;cursor:pointer;font-size:12px;opacity:0;padding:0 0 0 6px;transition:opacity .2s}.dc-bubble:hover .dc-delete-btn{opacity:.6}.dc-delete-btn:hover{opacity:1!important}.dc-typing{color:#888;font-size:12px;gap:8px;padding:4px 8px}.dc-typing,.dc-typing-dots{align-items:center;display:flex}.dc-typing-dots{gap:3px}.dc-typing-dots span{animation:dc-bounce 1.2s infinite;background:#aaa;border-radius:50%;height:6px;width:6px}.dc-typing-dots span:nth-child(2){animation-delay:.2s}.dc-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes dc-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.dc-input-row{align-items:center;background:#fff;border-top:1px solid #e5e5e5;display:flex;flex-shrink:0;gap:8px;padding:10px 12px}.dc-media-btn{background:none;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;font-size:20px;padding:4px;transition:background .15s}.dc-media-btn:hover{background:#f0f0f0}.dc-media-btn:disabled{cursor:default;opacity:.4}.dc-input{background:#f8f8f8;border:1px solid #ddd;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:9px 14px;transition:border-color .2s}.dc-input:focus{background:#fff;border-color:#c9a227;box-shadow:0 0 0 3px #c9a2271f}.dc-send-btn{align-items:center;background:linear-gradient(135deg,#c9a227,#f0d675);border:none;border-radius:50%;box-shadow:0 2px 8px #c9a22740;color:#0f2a4a;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;transition:all .22s;width:40px}.dc-send-btn:hover:not(:disabled){box-shadow:0 4px 14px #c9a22759;transform:scale(1.05)}.dc-send-btn:disabled{background:#e2e8f0;box-shadow:none;color:#94a3b8;cursor:default}@media (max-width:768px){.dc-header{gap:12px;padding:12px 16px}.dc-header-avatar{height:40px;width:40px}.dc-header-name{font-size:15px}.dc-messages{padding:12px 14px}.dc-input-row{padding:10px 14px}}@media (max-width:480px){.dc-header{gap:10px;padding:10px 12px}.dc-back-btn{font-size:16px;padding:6px 8px}.dc-header-avatar{height:36px;width:36px}.dc-header-name{font-size:14px}.dc-header-sub{font-size:11px}.dc-messages{gap:6px;padding:10px 12px}.dc-msg-row{max-width:85%}.dc-bubble{padding:8px 12px}.dc-bubble-text{font-size:13px}.dc-input-row{gap:6px;padding:8px 10px}.dc-input{font-size:13px;padding:8px 12px}.dc-send-btn{font-size:14px;height:36px;width:36px}}.guest-container{background-color:#f0f4f8;display:flex;flex-direction:column;height:100vh;overflow:hidden}.guest-header{background:linear-gradient(135deg,#0f2a4a,#1a3f6f);box-shadow:0 2px 16px #0f2a4a3d;flex-shrink:0;height:64px;justify-content:space-between;padding:0 20px}.guest-header,.logo-section{align-items:center;display:flex}.logo-section{flex:1 1}.logo{align-items:center;display:flex;gap:10px}.logo-icon{font-size:26px}.logo-text{color:#c9a227;font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.header-actions{align-items:center;display:flex;gap:10px}.logout-button{background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:7px 18px;transition:all .22s}.logout-button:hover:not(:disabled){background:#c9a2272e;border-color:#c9a227;color:#f0d675}.logout-button:disabled{cursor:not-allowed;opacity:.5}.guest-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:20px 16px}.home-view{margin:0 auto;max-width:640px;width:100%}.menu-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;width:100%}.menu-card{align-items:center;background:#fff;border:1.5px solid #0000;border-radius:14px;box-shadow:0 2px 8px #0f2a4a0f;cursor:pointer;display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:22px 16px;position:relative;text-align:center;transition:all .22s}.menu-card:before{background:linear-gradient(90deg,#c9a227,#f0d675);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .22s}.menu-card:hover{border-color:#c9a227;box-shadow:0 8px 24px #0f2a4a21;transform:translateY(-3px)}.menu-card:hover:before{opacity:1}.menu-icon{align-items:center;background:linear-gradient(135deg,#f0f4f8,#e8edf2);border:1.5px solid #dce3eb;border-radius:14px;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.menu-info{display:flex;flex-direction:column;gap:4px;width:100%}.menu-title{color:#0f2a4a;font-size:13.5px;font-weight:700;margin:0}.menu-subtitle{color:#8898a4;font-size:11.5px;line-height:1.4;margin:0}.view-section{background:#fff;border-radius:14px;box-shadow:0 2px 8px #0f2a4a0f;padding:24px 20px}.view-section h2{color:#0f2a4a;font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:700;margin:0 0 6px}.view-section p{color:#8898a4;font-size:13.5px;line-height:1.6;margin:0 0 20px}.back-button{background:linear-gradient(135deg,#0f2a4a,#1a3f6f);border:none;border-radius:8px;font-family:inherit;font-size:13.5px;font-weight:600;padding:10px 20px}.back-button:hover{box-shadow:0 4px 16px #0f2a4a40;transform:translateY(-1px)}.profile-view{margin:0 auto;max-width:600px}.profile-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0f2a4a14;overflow:hidden}.profile-header{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);display:flex;gap:18px;padding:24px 20px}.profile-image-placeholder{align-items:center;background:#ffffff1f;display:flex;font-size:36px;justify-content:center}.profile-image,.profile-image-placeholder{border:3px solid #c9a227;border-radius:50%;flex-shrink:0;height:72px;width:72px}.profile-image{object-fit:cover}.profile-name{display:flex;flex-direction:column;gap:4px}.profile-name h3{color:#fff;font-size:18px;font-weight:700;margin:0}.profile-role{color:#ffffffa6;font-size:12.5px;margin:0}.profile-details{display:flex;flex-direction:column;gap:0;padding:16px 20px}.profile-section{border-bottom:1px solid #f0f4f8;padding:16px 0}.profile-section:last-child{border-bottom:none}.profile-section h4{color:#c9a227;font-size:10.5px;font-weight:700;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.profile-item{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:6px 0}.profile-item:not(:last-child){border-bottom:1px solid #f8fafc}.profile-item label{color:#8898a4;font-size:12.5px;font-weight:500}.profile-item p{color:#0f2a4a;font-size:13px;font-weight:600;margin:0;text-align:right;word-break:break-word}.no-data{background:#f8fafc;border-radius:10px;color:#8898a4;padding:40px 20px;text-align:center}.no-data p{font-size:14px;margin:0 0 16px}.profile-actions{border-top:1px solid #f0f4f8;display:flex;gap:12px;padding:18px 20px}.edit-profile-button{background:linear-gradient(135deg,#c9a227,#f0d675);border:none;border-radius:8px;color:#0f2a4a;cursor:pointer;flex:1 1;font-family:inherit;font-size:13.5px;font-weight:700;padding:12px 16px;transition:all .22s}.edit-profile-button:hover{box-shadow:0 4px 16px #c9a22759;transform:translateY(-1px)}.profile-actions .back-button{background:#f0f4f8;border:1.5px solid #dce3eb;box-shadow:none;color:#0f2a4a;flex:1 1;transform:none}.profile-actions .back-button:hover{background:#e8edf2;border-color:#0f2a4a;box-shadow:none;transform:none}.guest-navbar{background:#fff;border-top:1px solid #e8edf2;box-shadow:0 -4px 20px #0f2a4a14;display:grid;flex-shrink:0;grid-template-columns:repeat(4,1fr)}.nav-button{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#8898a4;cursor:pointer;display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:4px;justify-content:center;outline:none;padding:10px 8px;position:relative;transition:all .22s}.nav-button:hover{color:#0f2a4a}.nav-button:focus{outline:none}.nav-button.active{color:#0f2a4a}.nav-button.active:before{background:linear-gradient(90deg,#c9a227,#f0d675);border-radius:0 0 4px 4px;content:"";height:3px;left:20%;position:absolute;right:20%;top:0}.nav-icon{display:block;font-size:20px;line-height:1}.nav-label{font-size:10.5px;font-weight:600;letter-spacing:.2px}@media (max-width:1024px){.guest-content{padding:18px 14px}.home-view{max-width:580px}.profile-view{max-width:540px}}@media (max-width:768px){.guest-header{height:60px;padding:0 16px}.logo-text{font-size:12px;letter-spacing:1.5px}.logout-button{font-size:12px;padding:6px 14px}.guest-content{padding:14px 12px}.menu-grid{gap:12px}.menu-card{gap:12px;padding:18px 14px}.menu-icon{font-size:24px;height:54px;width:54px}.menu-title{font-size:13px}.menu-subtitle{font-size:11px}.view-section{padding:20px 18px}.view-section h2{font-size:18px}.profile-header{gap:14px;padding:20px 16px}.profile-image,.profile-image-placeholder{height:64px;width:64px}.profile-image-placeholder{font-size:30px}.profile-name h3{font-size:16px}.profile-details{padding:14px 16px}.nav-icon{font-size:19px}.nav-label{font-size:10px}}@media (max-width:480px){.guest-header{height:58px;padding:0 14px}.logo-icon{font-size:22px}.logo-text{font-size:11px;letter-spacing:1.5px}.logout-button{font-size:11px;padding:5px 12px}.guest-content{padding:12px 10px}.menu-grid{gap:10px;grid-template-columns:1fr 1fr}.menu-card{border-radius:12px;gap:10px;padding:16px 12px}.menu-icon{border-radius:12px;font-size:22px;height:50px;width:50px}.menu-title{font-size:12px}.menu-subtitle{font-size:10.5px}.view-section{border-radius:12px;padding:16px 14px}.view-section h2{font-size:17px}.back-button,.view-section p{font-size:13px}.back-button{padding:8px 16px}.profile-card{border-radius:14px}.profile-header{gap:12px;padding:18px 14px}.profile-image,.profile-image-placeholder{height:56px;width:56px}.profile-image-placeholder{font-size:26px}.profile-name h3{font-size:15px}.profile-role{font-size:11.5px}.profile-details{padding:12px 14px}.profile-section h4{font-size:10px}.profile-item label{font-size:11.5px}.profile-item p{font-size:12px}.profile-actions{gap:10px;padding:14px}.edit-profile-button{font-size:13px;padding:10px 14px}.nav-icon{font-size:18px}.nav-label{font-size:10px}.nav-button{gap:3px;padding:8px 6px}.guest-navbar{height:auto}}@media (max-width:360px){.guest-header{height:54px;padding:0 10px}.logo-text{font-size:10px}.logout-button{font-size:10px;padding:4px 10px}.guest-content{padding:10px 8px}.menu-card{padding:14px 10px}.menu-icon{font-size:20px;height:44px;width:44px}.menu-title{font-size:11px}.menu-subtitle{font-size:10px}.profile-header{padding:14px 12px}.profile-image,.profile-image-placeholder{height:50px;width:50px}.profile-name h3{font-size:14px}}.new-request-container{background-color:#f0f4f8;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.new-request-header{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);box-shadow:0 2px 8px #0f2a4a26;display:flex;gap:15px;padding:18px 20px}.new-request-header h2{color:#fff;flex:1 1;font-size:18px;font-weight:700;letter-spacing:.3px;margin:0}.new-request-form{flex:1 1;overflow-y:auto;padding:24px}.form-group{display:flex;flex-direction:column;margin-bottom:22px}.form-label{color:#0f2a4a;font-size:13px;font-weight:700;letter-spacing:.3px;margin-bottom:10px;text-transform:capitalize}.form-input{background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#0f2a4a;font-family:inherit;font-size:14px;padding:14px 18px;transition:all .22s}.form-input:focus{background:#fff;border-color:#c9a227;box-shadow:0 0 0 3px #c9a2271a;outline:none}.form-input:disabled{background-color:#f0f4f8;color:#94a3b8;cursor:not-allowed}.form-textarea{min-height:130px;resize:vertical}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f2a4a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:20px;padding-right:44px}.alert{animation:slideDown .3s ease;border-radius:12px;font-size:14px;font-weight:600;margin-bottom:22px;padding:14px 18px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:#ef444414;border:2px solid #ef444433;color:#dc2626}.alert-success{background:linear-gradient(135deg,#c9a2271a,#f0d6751a);border:2px solid #c9a22740;color:#0f2a4a}.submit-button{background:linear-gradient(135deg,#c9a227,#f0d675);border:none;border-radius:12px;box-shadow:0 4px 12px #c9a22740;color:#0f2a4a;cursor:pointer;font-size:15px;font-weight:700;margin-top:12px;padding:16px;transition:all .22s;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 6px 20px #c9a22759;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{background:#cbd5e1;box-shadow:none;color:#94a3b8;opacity:.7}.loading-spinner{color:#64748b;font-size:14px;padding:20px;text-align:center}.no-lawyers-message{background:linear-gradient(135deg,#c9a2271a,#f0d6751a);border:2px solid #c9a22740;border-radius:12px;color:#0f2a4a;font-size:14px;font-weight:600;padding:16px 20px;text-align:center}.back-button{flex-shrink:0;font-size:14px;padding:10px 16px;white-space:nowrap}@media (max-width:768px){.new-request-header{padding:14px 16px}.new-request-header h2{font-size:16px}.new-request-form{padding:18px}.form-group{margin-bottom:18px}.form-input,.form-select{font-size:16px;padding:12px 16px}.submit-button{font-size:14px;padding:14px}}@media (max-width:480px){.new-request-container{margin:0}.new-request-header{gap:10px;padding:12px 14px}.new-request-header h2{font-size:15px}.new-request-form{padding:14px}.form-group{margin-bottom:16px}.form-label{font-size:12px}.form-input,.form-select{border-radius:10px;padding:12px 14px}.submit-button{border-radius:10px;padding:14px}}.my-cases-container{background-color:#f0f4f8;display:flex;flex-direction:column;height:100%;overflow:hidden}.cases-header{align-items:center;background:linear-gradient(135deg,#0f2a4a,#1a3f6f);box-shadow:0 2px 8px #0f2a4a26;display:flex;gap:16px;padding:18px 20px}.cases-header h2{color:#fff;flex:1 1;font-size:18px;font-weight:700;letter-spacing:.3px;margin:0;text-align:center}.back-button{align-items:center;background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px 12px;transition:all .22s}.back-button:hover{background:#c9a22733;border-color:#c9a22766;color:#f0d675}.search-container{align-items:center;background-color:#fff;border-bottom:2px solid #f0f4f8;display:flex;gap:12px;padding:14px 20px}.search-icon{color:#c9a227;font-size:18px}.search-input{border:none;border-bottom:2px solid #e2e8f0;color:#0f2a4a;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:10px 0;transition:border-color .22s}.search-input::placeholder{color:#94a3b8}.search-input:focus{border-bottom-color:#c9a227}.cases-content{display:flex;flex:1 1;gap:20px;min-height:0;overflow:hidden;padding:20px}.calendar-section{align-self:flex-start;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex:0 0 45%;flex-direction:column;overflow:visible;padding:16px}.month-navigation{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.month-navigation .nav-button{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#c9a2271a,#f0d6751a);border:2px solid #c9a22733;border-radius:10px;color:#0f2a4a;cursor:pointer;font-size:16px;outline:none;padding:8px 14px;transition:all .22s}.month-navigation .nav-button:hover{background:linear-gradient(135deg,#c9a22733,#f0d67533);border-color:#c9a227}.month-navigation .nav-button:focus{box-shadow:none;outline:none}.month-navigation .nav-button:active{background:linear-gradient(135deg,#c9a22740,#f0d67540)}.month-label{color:#0f2a4a;flex:1 1;font-size:16px;font-weight:700;text-align:center}.view-mode-toggle{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.mode-button{background:#f0f4f8;border:2px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;padding:8px 18px;transition:all .22s}.mode-button:hover{background:linear-gradient(135deg,#c9a22714,#f0d67514);border-color:#c9a2274d}.mode-button.active{background:linear-gradient(135deg,#c9a227,#f0d675);border-color:#0000;box-shadow:0 2px 8px #c9a22740;color:#0f2a4a}.calendar-header{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:12px}.day-header{color:#64748b;font-size:12px;font-weight:700;padding:8px 0;text-align:center;text-transform:uppercase}.calendar-grid{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;aspect-ratio:1;background-color:#fafafa;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-size:12px;justify-content:center;padding:8px;position:relative;transition:all .22s}.calendar-day:hover:not(.empty){background:linear-gradient(135deg,#c9a2270f,#f0d6750f);border-color:#c9a2274d}.calendar-day.empty{background-color:initial;border:none;cursor:default}.calendar-day.selected{background:linear-gradient(135deg,#0f2a4a,#1a3f6f);border-color:#0000;box-shadow:0 3px 10px #0f2a4a33;color:#fff;font-weight:600}.day-number{font-size:14px;font-weight:600}.cases-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#f87171);border-radius:50%;bottom:4px;box-shadow:0 2px 6px #ef44444d;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;position:absolute;right:4px;width:20px}.calendar-day.selected .cases-badge{background:linear-gradient(135deg,#c9a227,#f0d675);box-shadow:0 2px 6px #c9a22766;color:#0f2a4a}.cases-list-section{background-color:#fff;border-radius:14px;box-shadow:0 2px 10px #0f2a4a14;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:18px}.selected-date-info{align-items:center;border-bottom:3px solid #c9a227;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:16px;padding-bottom:14px}.selected-date-info h3{color:#0f2a4a;font-size:16px;font-weight:700;margin:0}.case-count{background:linear-gradient(135deg,#c9a22726,#f0d67526);border:1px solid #c9a22733;border-radius:20px;color:#0f2a4a;font-size:12px;font-weight:600;padding:6px 14px}.cases-list{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;overflow-y:auto}.case-item{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;flex-shrink:0;padding:12px;transition:all .2s ease}.case-item:hover{background-color:#fff;box-shadow:0 2px 8px #0000001a}.case-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.case-header-actions{align-items:center;display:flex;gap:8px}.delete-button{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px 8px;transition:all .2s ease}.delete-button:hover:not(:disabled){background-color:#ffe0e0;opacity:1}.delete-button:disabled{cursor:not-allowed;opacity:.6}.delete-button:active:not(:disabled){transform:scale(.95)}.case-number{color:#1a1a1a;font-size:14px;font-weight:600}.case-status{border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.case-status.pending{background-color:#fff3cd;color:#856404}.case-status.active{background-color:#d1ecf1;color:#0c5460}.case-status.resolved{background-color:#d4edda;color:#155724}.case-ref{color:#666;font-size:13px;margin:0}.case-title-section{align-items:center;display:flex;flex:1 1;gap:12px}.case-type{background-color:#e8f4f8;border-radius:3px;color:#06c;font-size:11px;font-weight:500;padding:3px 8px;white-space:nowrap}.case-parties{border-bottom:1px solid #e0e0e0;margin-bottom:12px;padding-bottom:12px}.case-parties:before{content:none!important}.party-info{color:#666;font-size:13px;font-weight:500;margin:0}.case-details{background-color:#fafafa;border-radius:6px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px}.detail-row{display:flex;font-size:12px;gap:8px}.detail-row.full-width{flex-direction:column}.detail-label{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;min-width:80px;text-transform:uppercase}.detail-value{color:#333;flex:1 1;word-break:break-word}.detail-value.description{color:#555;font-size:12px;line-height:1.5;margin:0}.case-proceedings{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px}.proceedings-label{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.proceedings-list{display:flex;flex-direction:column;gap:6px}.proceeding-item{background-color:#f0f4f8;border-radius:8px;display:flex;font-size:12px;gap:8px;padding:6px}.proceeding-date{color:#c9a227;font-weight:600;min-width:80px}.proceeding-note{color:#555;flex:1 1}.more-proceedings{color:#999;font-size:11px;font-style:italic;padding:4px;text-align:center}.error-state,.loading-state{align-items:center;display:flex;flex:1 1;justify-content:center;text-align:center}.error-state p,.loading-state p{color:#666;font-size:14px;margin:0}.error-state,.error-state p{color:#d32f2f}.no-cases{align-items:center;color:#999;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;text-align:center}.no-cases p{font-size:14px;margin:0}.clear-search-button{background-color:#c9a227;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.clear-search-button:hover{background-color:#e08e0c}.calendar-section::-webkit-scrollbar,.cases-list-section::-webkit-scrollbar{width:6px}.calendar-section::-webkit-scrollbar-track,.cases-list-section::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.calendar-section::-webkit-scrollbar-thumb,.cases-list-section::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.calendar-section::-webkit-scrollbar-thumb:hover,.cases-list-section::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:1200px){.cases-content{flex-direction:column;gap:16px;overflow-y:auto}.calendar-section{flex:0 0 auto;flex-shrink:0;overflow:visible}.cases-list-section{flex:0 0 auto;max-height:none;min-height:auto;overflow:visible}.cases-list{overflow:visible}}.case-actions{border-top:1px solid #e0e0e0;display:flex;gap:8px;margin-top:16px;padding-top:16px}.action-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px;transition:all .3s ease}.plus-button{background-color:#0f2a4a;border-radius:50%;color:#fff;font-size:24px;height:44px;padding:0;width:44px}.plus-button:hover{background-color:#091e35;transform:scale(1.05)}.plus-button:active{transform:scale(.95)}.plus-icon{line-height:1}.close-button{background-color:#e74c3c;color:#fff}.close-button:hover:not(:disabled){background-color:#c0392b}.close-button:disabled{background-color:#8898a4;cursor:not-allowed;opacity:.6}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.modal-close:hover{color:#333}.modal-body{padding:20px}.case-title{color:#666;font-size:14px;font-weight:500;margin:0 0 16px}.proceeding-modal .form-group{margin-bottom:16px}.proceeding-modal label{color:#333;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.proceeding-modal input,.proceeding-modal textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.proceeding-modal input:focus,.proceeding-modal textarea:focus{border-color:#0f2a4a;box-shadow:0 0 0 3px #2c3e501a;outline:none}.date-time-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.modal-footer{background-color:#f9f9f9;border-top:1px solid #e0e0e0;display:flex;gap:12px;padding:16px 20px}.cancel-button,.submit-button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .3s ease}.cancel-button{background-color:#e0e0e0;color:#333}.cancel-button:hover{background-color:#d0d0d0}.submit-button{background-color:#0f2a4a;color:#fff}.submit-button:hover:not(:disabled){background-color:#091e35}.submit-button:disabled{background-color:#8898a4;cursor:not-allowed}.warning-text{background-color:#fadbd8;border-left:4px solid #e74c3c;border-radius:6px;color:#e74c3c;font-size:13px;margin:12px 0 16px;padding:10px}.close-confirm-button{background-color:#e74c3c}.close-confirm-button:hover:not(:disabled){background-color:#c0392b}@media (max-width:768px){.cases-content{gap:12px;padding:12px}.calendar-section,.cases-list-section{padding:12px}.search-container{padding:10px 16px}.calendar-day{font-size:11px;padding:6px}.day-number{font-size:12px}.cases-badge{font-size:9px;height:18px;width:18px}.selected-date-info h3{font-size:14px}.case-item{padding:10px}.case-number{font-size:13px}}.my-cases-container .month-navigation .nav-button{-webkit-tap-highlight-color:transparent!important;background-color:#f0f0f0!important;border:1px solid #ddd!important;border-radius:6px!important;color:#333!important;cursor:pointer!important;display:inline-block!important;flex-direction:row!important;font-size:16px!important;font-weight:400!important;gap:0!important;outline:none!important;padding:6px 12px!important;transition:all .2s ease!important}.my-cases-container .month-navigation .nav-button:hover{background-color:#e0e0e0!important;border-top:1px solid #ddd!important;color:#333!important}.my-cases-container .month-navigation .nav-button:focus{box-shadow:none!important;outline:none!important}.my-cases-container .month-navigation .nav-button:active{background-color:#e0e0e0!important;border-top:1px solid #ddd!important}
/*# sourceMappingURL=main.a39ade14.css.map*/