*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F4F5F4;--bg-dark: #1a1a1a;--bg-card-manager: #E8E0F0;--bg-card-ic: #FDF6E3;--bg-card-white: #FFFFFF;--border-freelancer: #4CAF50;--text-primary: #1a1a1a;--text-secondary: #666;--text-light: #999;--border: #e0ddd8;--border-light: #eee;--accent: #D8FF85;--accent-light: #f0ffd6;--green: #4CAF50;--orange: #FF9800;--red: #E74C3C;--blue: #2196F3;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-heading: "DM Sans", sans-serif;--font-body: "Inter", sans-serif}html,body,#root{height:100%;font-family:var(--font-body);background:var(--bg);color:var(--text-primary);font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;font-size:inherit}input,select,textarea{font-family:var(--font-body);font-size:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;outline:none;transition:border-color .2s;background:#fff}select{padding-right:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[type=text]::placeholder{color:#f9fbf780}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#aaa}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-main{flex:1;overflow:hidden;position:relative}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-in{animation:slideIn .25s ease-out}.fade-in{animation:fadeIn .2s ease-out}@media(max-width:768px){.hide-mobile,.nav-logo-text{display:none!important}.nav-search-center{position:static!important;transform:none!important;flex:1;margin:0 8px}.nav-search-center input{width:100%!important}.nav-add-btn span{display:none}.filter-bar{padding:6px 10px!important;gap:4px!important}.filter-bar .filter-text{display:none}}@media(max-width:480px){.nav-bar{padding:0 10px!important;height:46px!important}.filter-tabs button{padding:4px 10px!important;font-size:11px!important}}@media(min-width:769px){.show-mobile-only{display:none!important}}