html,body{width:100%;min-height:100vh;overflow-x:hidden}img,video,svg,canvas{max-width:100%;height:auto;display:block}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;color:#1f2937;background-color:#f9fafb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:#111827}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.row{display:flex;flex-direction:row;align-items:center;gap:1rem}.col{display:flex;flex-direction:column;gap:1rem}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;border:none;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#e87b19;color:#fff}.btn-primary:hover:not(:disabled){background-color:#d66a0f;transform:translateY(-1px);box-shadow:0 4px 12px #e87b194d}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-ghost{background-color:transparent;color:#6b7280;border:1px solid #e5e7eb}.btn-ghost:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.btn-sm{padding:.375rem .875rem;font-size:.875rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.card{background-color:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.card:hover{box-shadow:0 4px 12px #00000026}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:1.125rem;font-weight:600;color:#111827}.card-body{color:#4b5563}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-label{font-size:.875rem;font-weight:600;color:#374151}.form-label-required:after{content:" *";color:#ef4444}.input,.textarea,.select{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9375rem;font-family:inherit;color:#1f2937;background-color:#fff;transition:all .2s ease}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:#e87b19;box-shadow:0 0 0 3px #e87b191a}.input:disabled,.textarea:disabled,.select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.input-error,.textarea-error,.select-error{border-color:#ef4444}.input-error:focus,.textarea-error:focus,.select-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{font-size:.875rem;color:#ef4444;margin-top:.25rem}.textarea{resize:vertical;min-height:100px}.checkbox,.radio{width:1.125rem;height:1.125rem;cursor:pointer}.modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-lg{max-width:800px}.modal-sm{max-width:400px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-title{font-size:1.25rem;font-weight:600;color:#111827}.modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;line-height:1}.modal-close:hover{color:#111827}.modal-body{padding:1.5rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.spinner{border:3px solid #e5e7eb;border-top-color:#e87b19;border-radius:50%;width:2rem;height:2rem;animation:spin .8s linear infinite}.spinner-sm{width:1rem;height:1rem;border-width:2px}.spinner-lg{width:3rem;height:3rem;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-primary{background-color:#e87b1926;color:#e87b19}.badge-success{background-color:#10b98126;color:#10b981}.badge-danger{background-color:#ef444426;color:#ef4444}.badge-warning{background-color:#f59e0b26;color:#f59e0b}.badge-gray{background-color:#6b728026;color:#6b7280}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;color:#fff;background-color:#6b7280;overflow:hidden}.avatar-sm{width:2rem;height:2rem;font-size:.75rem}.avatar-md{width:2.5rem;height:2.5rem;font-size:1rem}.avatar-lg{width:3.5rem;height:3.5rem;font-size:1.25rem}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:12rem;z-index:50;padding:.5rem}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:6px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .15s ease}.dropdown-item:hover{background-color:#f3f4f6;color:#111827}.dropdown-divider{height:1px;background-color:#e5e7eb;margin:.5rem 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;border-radius:20px}.empty-state-icon{font-size:3rem;color:#d1d5db;margin-bottom:1rem}.empty-state-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.5rem}.empty-state-description{font-size:.9375rem;color:#6b7280;margin-bottom:1.5rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-gray-900{color:#111827}.text-gray-800{color:#1f2937}.text-gray-700{color:#374151}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.text-gray-400{color:#9ca3af}.text-gray-300{color:#d1d5db}.text-primary{color:#e87b19}.text-success{color:#10b981}.text-danger{color:#ef4444}.text-warning{color:#f59e0b}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a}.shadow-md{box-shadow:0 4px 6px #0000001a}.shadow-lg{box-shadow:0 10px 15px #0000001a}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}body.dark-theme{background-color:#121212!important;color:#e0e0e0!important;overflow-x:hidden}body.dark-theme .modal-overlay{background-color:#000000b3}body.dark-theme .modal{background-color:#1e1e1e!important;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d!important;border:1px solid #2d2d2d}body.dark-theme .modal-header{border-bottom-color:#2d2d2d!important}body.dark-theme .modal-title{color:#fff!important}body.dark-theme .modal-close{color:#b0b0b0!important}body.dark-theme .modal-close:hover{color:#fff!important}body.dark-theme .modal-footer{border-top-color:#2d2d2d!important}body.dark-theme .btn-ghost{background-color:transparent!important;color:#e0e0e0!important;border-color:#404040!important}body.dark-theme .btn-ghost:hover:not(:disabled){background-color:#2d2d2d!important;border-color:#505050!important;color:#fff!important}body.dark-theme .btn-secondary{background-color:#4b5563!important;color:#fff!important}body.dark-theme .btn-secondary:hover:not(:disabled){background-color:#374151!important}body.dark-theme .form-label{color:#e0e0e0!important}body.dark-theme .input,body.dark-theme .textarea,body.dark-theme .select{background-color:#2d2d2d!important;border-color:#404040!important;color:#e0e0e0!important}body.dark-theme .input:focus,body.dark-theme .textarea:focus,body.dark-theme .select:focus{border-color:#e87b19!important;box-shadow:0 0 0 3px #e87b1933!important}body.dark-theme .input::placeholder,body.dark-theme .textarea::placeholder{color:#707070!important}body.dark-theme .input:disabled,body.dark-theme .textarea:disabled,body.dark-theme .select:disabled{background-color:#1e1e1e!important;color:#707070!important}@media(max-width:1023px){.hide-mobile{display:none!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media(min-width:1024px){.hide-desktop{display:none!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body.light-theme{background-color:#fff;color:#111827}body.dark-theme{background-color:#121212;color:#e0e0e0}body.dark-theme .settings-card,body.dark-theme .stat-card,body.dark-theme .team-card,body.dark-theme .project-card{background-color:#1e1e1e!important;border-color:#2d2d2d!important;color:#e0e0e0!important;box-shadow:0 1px 3px #0000004d!important}body.dark-theme .settings-card:hover,body.dark-theme .stat-card:hover,body.dark-theme .team-card:hover,body.dark-theme .project-card:hover{box-shadow:0 4px 12px #00000080!important}body.dark-theme h1,body.dark-theme h2,body.dark-theme h3,body.dark-theme h4,body.dark-theme .team-name,body.dark-theme .project-title,body.dark-theme .stat-value{color:#fff!important}body.dark-theme p,body.dark-theme .page-description,body.dark-theme .team-description,body.dark-theme .project-description,body.dark-theme .stat-label{color:#b0b0b0!important}body.dark-theme input,body.dark-theme textarea,body.dark-theme select{background-color:#2d2d2d!important;border-color:#404040!important;color:#e0e0e0!important}body.dark-theme input:focus,body.dark-theme textarea:focus,body.dark-theme select:focus{border-color:#e87b19!important;box-shadow:0 0 0 3px #e87b1933!important}body.dark-theme input::placeholder,body.dark-theme textarea::placeholder{color:#707070!important}body.dark-theme .quick-filter-chip,body.dark-theme .group-by-btn,body.dark-theme .sort-select{background-color:#2d2d2d!important;border-color:#404040!important;color:#e0e0e0!important}body.dark-theme .quick-filter-chip:hover,body.dark-theme .group-by-btn:hover{border-color:#e87b19!important;background-color:#e87b1926!important}body.dark-theme .empty-state,body.dark-theme .group-header{background-color:#1e1e1e!important;border-color:#2d2d2d!important}body.dark-theme .breadcrumb-item,body.dark-theme .view-all-link{color:#b0b0b0!important}body.dark-theme .breadcrumb-item:hover,body.dark-theme .view-all-link:hover{color:#e87b19!important}body.dark-theme .breadcrumb-current{color:#e0e0e0!important}