:root{--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}.container{width:100%;padding-right:1rem;padding-left:1rem;margin-right:auto;margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-teal-600);color:var(--color-white);border-color:var(--color-teal-500)}.btn-primary:hover:not(:disabled){background-color:var(--color-teal-600);border-color:var(--color-teal-600)}.btn-secondary{background-color:var(--color-gray-100);color:var(--color-gray-700)}.btn-secondary:hover{background-color:var(--color-gray-200);border-color:var(--color-gray-500)}.btn-outline{background-color:transparent;color:var(--color-teal-600);border-color:var(--color-teal-300)}.btn-outline:hover{background-color:var(--color-teal-50)}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}.text-danger{color:var(--color-red-700)}.success-message-container{background-color:#e6f9f0;border:1px solid #2ECC71;color:#1b5e20;padding:.75rem 1rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem}.error-message-container{background-color:#fdecea;border:1px solid #E74C3C;color:#b71c1c;padding:.75rem 1rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .3s ease-out}.page-loader.hidden{opacity:0;pointer-events:none}.loader-spinner{width:50px;height:50px;border:4px solid var(--color-gray-100);border-top:4px solid var(--color-teal-500);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.badge-primary{background-color:var(--color-teal-500);color:var(--color-white)}.badge-secondary{background-color:var(--color-gray-500);color:var(--color-white)}.badge-success{background-color:#2ecc71;color:var(--color-white)}.badge-danger{background-color:var(--color-red-700);color:var(--color-white)}.badge-warning{background-color:#f39c12;color:var(--color-white)}.badge-info{background-color:var(--color-teal-400);color:var(--color-white)}.badge-light{background-color:var(--color-gray-100);color:var(--color-gray-700)}.badge-dark{background-color:var(--color-gray-700);color:var(--color-white)}.badge-outline-primary{color:var(--color-teal-600);background-color:transparent;border:1px solid var(--color-teal-600)}.badge-outline-secondary{color:var(--color-gray-600);background-color:transparent;border:1px solid var(--color-gray-500)}.badge-outline-success{color:#2ecc71;background-color:transparent;border:1px solid #2ECC71}.badge-outline-danger{color:var(--color-red-700);background-color:transparent;border:1px solid var(--color-red-700)}.badge-outline-warning{color:#f39c12;background-color:transparent;border:1px solid #F39C12}.badge-outline-info{color:var(--color-teal-400);background-color:transparent;border:1px solid var(--color-teal-400)}.badge-outline-light{color:var(--color-gray-700);background-color:transparent;border:1px solid var(--color-gray-100)}.badge-outline-dark{color:var(--color-gray-700);background-color:transparent;border:1px solid var(--color-gray-700)}.badge-pill{border-radius:10rem}.badge-sm{padding:.125rem .375rem;font-size:.6875rem}.badge-lg{padding:.375rem .75rem;font-size:.875rem}a.badge:hover,a.badge:focus{text-decoration:none}a.badge-primary:hover,a.badge-primary:focus{background-color:var(--color-teal-600);color:var(--color-white)}a.badge-secondary:hover,a.badge-secondary:focus{background-color:var(--color-gray-600);color:var(--color-white)}a.badge-success:hover,a.badge-success:focus{background-color:#27ae60;color:var(--color-white)}a.badge-danger:hover,a.badge-danger:focus{background-color:#a91f1f;color:var(--color-white)}a.badge-warning:hover,a.badge-warning:focus{background-color:#e67e22;color:var(--color-white)}a.badge-info:hover,a.badge-info:focus{background-color:var(--color-teal-500);color:var(--color-white)}a.badge-light:hover,a.badge-light:focus{background-color:var(--color-gray-200);color:var(--color-gray-700)}a.badge-dark:hover,a.badge-dark:focus{background-color:var(--color-gray-800);color:var(--color-white)}@media (max-width: 640px){.badge{font-size:.6875rem;padding:.1875rem .4375rem}.badge-lg{font-size:.8125rem;padding:.3125rem .6875rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;color:#111827}:root{--color-teal-25: #f0fdfa;--color-teal-50: #f0fdfa;--color-teal-100: #ccfbf1;--color-teal-200: #99f6e4;--color-teal-400: #2dd4bf;--color-teal-500: #14b8a6;--color-teal-600: #0d9488;--color-teal-700: #0f766e;--color-teal-800: #115e59;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-white: #ffffff;--color-black: #000000;--color-red-50: #fef2f2;--color-red-700: #b91c1c}.admin-layout{min-height:100vh;background-color:var(--color-gray-50)}.mobile-overlay{position:fixed;inset:0;z-index:40;background-color:#00000080;display:none}@media (max-width: 768px){.mobile-overlay{display:block}}.mobile-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:50;width:16rem;transform:translate(-100%);transition:transform .3s ease-in-out;display:none}@media (max-width: 768px){.mobile-sidebar{display:block}}.mobile-sidebar.sidebar-open{transform:translate(0)}.mobile-sidebar.sidebar-closed{transform:translate(-100%)}.desktop-sidebar{display:none;position:fixed;top:0;bottom:0;width:16rem;flex-direction:column}@media (min-width: 768px){.desktop-sidebar{display:flex}}.sidebar-content{display:flex;height:100%;flex-direction:column;background-color:var(--color-white);box-shadow:0 10px 15px -3px #0000001a;border-right:1px solid #e5e7eb}.sidebar-header{display:flex;height:4rem;align-items:center;border-bottom:1px solid #e5e7eb;padding:0 1.5rem;background:linear-gradient(to right,var(--color-teal-500),var(--color-teal-600))}.header-content{display:flex;align-items:center;gap:.75rem}.logo{width:2rem;height:2rem;border-radius:.25rem;background-color:var(--color-white);padding:.25rem}.header-title{font-size:1.125rem;font-weight:600;color:var(--color-white)}.sidebar-nav{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.25rem}.nav-link{display:flex;align-items:center;gap:.75rem;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease}.nav-link-active{background-color:var(--color-teal-500);color:var(--color-white);box-shadow:0 1px 2px #0000000d}.nav-link-inactive{color:var(--color-gray-600)}.nav-link-inactive:hover{background-color:var(--color-teal-50);color:var(--color-teal-700)}.nav-icon{height:1rem;width:1rem}.main-content{margin-left:0}@media (min-width: 768px){.main-content{margin-left:16rem}}.top-header{display:flex;height:4rem;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-teal-100);background-color:var(--color-white);padding:0 1rem}@media (min-width: 768px){.top-header{padding:0 1.5rem}}.header-left{display:flex;align-items:center;gap:1rem}.mobile-menu-btn{padding:.5rem;border-radius:.375rem;color:var(--color-gray-600);background:none;border:none;cursor:pointer;transition:all .2s ease;display:block}@media (min-width: 768px){.mobile-menu-btn{display:none}}.mobile-menu-btn:hover{background-color:var(--color-teal-50);color:var(--color-teal-700)}.menu-icon{height:1.25rem;width:1.25rem}.page-title{font-size:1.25rem;font-weight:600;color:var(--color-teal-800)}.header-actions{display:flex;align-items:center;gap:1rem}.action-btn{padding:.5rem;border-radius:.375rem;color:var(--color-gray-600);background:none;border:none;cursor:pointer;transition:all .2s ease}.action-btn:hover{background-color:var(--color-teal-50);color:var(--color-teal-700)}.user-avatar{height:2rem;width:2rem;border-radius:50%;background-color:var(--color-teal-100);display:flex;align-items:center;justify-content:center}.avatar-text{font-size:.875rem;font-weight:500;color:var(--color-teal-700)}.page-content{padding:1rem}@media (min-width: 768px){.page-content{padding:1.5rem}}.dashboard{display:flex;flex-direction:column;gap:1.5rem}.dashboard-header{margin-bottom:0}.dashboard-title{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:var(--color-teal-800);margin-bottom:.5rem}.dashboard-subtitle{color:var(--color-gray-600)}.metrics-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.metrics-grid{grid-template-columns:repeat(4,1fr)}}.metric-card{border-radius:.5rem;border:1px solid var(--color-teal-100);background-color:var(--color-white);padding:1.5rem;box-shadow:0 1px 2px #0000000d}.metric-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem}.metric-title{font-size:.875rem;font-weight:500;color:var(--color-gray-600)}.metric-icon{height:1rem;width:1rem;color:var(--color-teal-600)}.metric-content{display:flex;flex-direction:column;gap:.25rem}.metric-value{font-size:1.5rem;font-weight:700;color:var(--color-teal-800)}.metric-description{font-size:.75rem;color:var(--color-gray-600)}.metric-trend{display:flex;align-items:center;font-size:.75rem}.trend-value{font-weight:500;color:var(--color-teal-700)}.trend-label{color:var(--color-gray-500);margin-left:.25rem}.content-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 768px){.content-grid{grid-template-columns:repeat(7,1fr)}}.activities-card{grid-column:span 1;border-radius:.5rem;border:1px solid var(--color-teal-100);background-color:var(--color-white);box-shadow:0 1px 2px #0000000d}@media (min-width: 768px){.activities-card{grid-column:span 4}}.stats-card{grid-column:span 1;border-radius:.5rem;border:1px solid var(--color-teal-100);background-color:var(--color-white);box-shadow:0 1px 2px #0000000d}@media (min-width: 768px){.stats-card{grid-column:span 3}}.card-header{border-bottom:1px solid var(--color-teal-100);padding:1.5rem}.card-title{font-size:1.125rem;font-weight:600;color:var(--color-teal-800);margin-bottom:.25rem}.card-subtitle{font-size:.875rem;color:var(--color-gray-600)}.card-content{padding:1.5rem}.activities-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;justify-content:space-between;gap:1rem}.activity-info{display:flex;flex-direction:column;gap:.25rem}.activity-project{font-size:.875rem;font-weight:500;line-height:1}.activity-action{font-size:.875rem;color:var(--color-gray-600)}.activity-time{font-size:.875rem;color:var(--color-gray-500)}.stats-list{display:flex;flex-direction:column;gap:1rem}.stat-item{display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:.875rem}.stat-value{font-size:.875rem;font-weight:500;color:var(--color-teal-700)}.stats-total{padding-top:.5rem;border-top:1px solid var(--color-teal-100)}.total-item{display:flex;align-items:center;justify-content:space-between}.total-label{font-size:.875rem;font-weight:500}.total-value{font-size:.875rem;font-weight:700;color:var(--color-teal-800)}.projects{display:flex;flex-direction:column;gap:1.5rem}.projects-header{display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.projects-header{flex-direction:row;align-items:center;justify-content:space-between}}.header-info{margin-bottom:0}.projects-title{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:var(--color-teal-800);margin-bottom:.5rem}.projects-subtitle{color:var(--color-gray-600)}.add-project-btn{display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:var(--color-teal-500);color:var(--color-white);font-size:.875rem;font-weight:500;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .2s ease;width:100%}@media (min-width: 640px){.add-project-btn{width:auto}}.add-project-btn:hover{background-color:var(--color-teal-600)}.btn-icon{margin-right:.5rem;height:1rem;width:1rem}.projects-card{border-radius:.5rem;border:1px solid var(--color-teal-100);background-color:var(--color-white);box-shadow:0 1px 2px #0000000d}.projects-card .card-header{display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.projects-card .card-header{flex-direction:row;align-items:center;justify-content:space-between}}.search-container{position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-teal-400);height:1rem;width:1rem}.search-input{padding:.5rem 1rem .5rem 2.5rem;width:100%;border:1px solid var(--color-teal-200);border-radius:.375rem;outline:none;transition:all .2s ease}@media (min-width: 640px){.search-input{width:20rem}}.search-input:focus{ring:2px solid var(--color-teal-500);border-color:var(--color-teal-500)}.table-container{overflow-x:auto}.projects-table{width:100%}.table-header{border-bottom:1px solid var(--color-teal-100)}.table-header-cell{text-align:left;padding:.75rem 1rem;font-weight:500;color:var(--color-teal-700)}.table-row{border-bottom:1px solid var(--color-gray-700);transition:background-color .2s ease}.table-row:hover{background-color:var(--color-teal-25)}.table-cell{padding:.75rem 1rem}.project-name{font-weight:500;color:var(--color-teal-800)}.table-text{color:var(--color-gray-600)}.status-badge,.priority-badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-active{background-color:#dcfce7;color:#166534}.status-pending{background-color:#fef3c7;color:#92400e}.status-completed{background-color:#dbeafe;color:#1e40af}.priority-high{background-color:#fee2e2;color:#991b1b}.priority-medium{background-color:#fef3c7;color:#92400e}.priority-low{background-color:#dcfce7;color:#166534}.action-buttons{display:flex;align-items:center;gap:.5rem}.action-btn{padding:.25rem;color:var(--color-gray-600);background:none;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.action-btn-view:hover,.action-btn-edit:hover{background-color:var(--color-teal-50);color:var(--color-teal-700)}.action-btn-delete:hover{background-color:var(--color-red-50);color:var(--color-red-700)}.action-icon{height:1rem;width:1rem}.no-results{text-align:center;padding:2rem}.no-results-text{color:var(--color-gray-500)}