@charset "UTF-8";html,body{margin:0;padding:0}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background-color:#fff;border-right:1px solid #fcfbfa;z-index:1030;transform:translate(-100%);transition:transform all .3s ease;display:flex;flex-direction:column}@media (min-width: 769px){.sidebar{transform:translate(0);position:relative}}.sidebar.sidebar-open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #fcfbfa;background:#b9967108}.sidebar-header .sidebar-logo{display:flex;align-items:center}.sidebar-header .sidebar-logo .sidebar-logo-image{height:40px;width:auto;max-width:160px;object-fit:contain;transition:all .15s ease}.sidebar-header .sidebar-logo .sidebar-logo-image:hover{transform:scale(1.05)}.sidebar-header .sidebar-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:#4b5563;cursor:pointer;border-radius:8px;transition:all .15s ease}.sidebar-header .sidebar-close:hover{background-color:#b996711a;color:#2e2e2e}@media (min-width: 769px){.sidebar-header .sidebar-close{display:none}}.sidebar-nav{flex:1;padding:24px 0;overflow-y:auto}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu-item{margin-bottom:4px}.sidebar-menu-link{display:flex;align-items:center;padding:16px 24px;color:#4b5563;text-decoration:none;transition:all .15s ease;border-left:3px solid transparent;position:relative}.sidebar-menu-link:hover{background-color:#b996710d;color:#2e2e2e;border-left-color:#dbc9b5}.sidebar-menu-link:hover .sidebar-menu-icon{color:#b99671}.sidebar-menu-link.sidebar-menu-link-active{background-color:#b996711a;color:#2e2e2e;border-left-color:#b99671}.sidebar-menu-link.sidebar-menu-link-active .sidebar-menu-icon{color:#b99671}.sidebar-menu-icon{margin-right:16px;flex-shrink:0;transition:color all .15s ease}.sidebar-menu-text{font-size:14px;font-weight:500}.sidebar-footer{padding:24px;border-top:1px solid #fcfbfa;background:#b9967105}.sidebar-footer .sidebar-footer-link{display:flex;align-items:center;padding:16px;color:#4b5563;text-decoration:none;font-size:14px;background:#f9fafb;border-radius:8px;border-left:3px solid transparent;transition:all .15s ease}.sidebar-footer .sidebar-footer-link:hover{color:#2e2e2e;background:#b996710d;border-left-color:#b99671;transform:translate(4px)}.sidebar-footer .sidebar-footer-link:hover svg{color:#b99671}.sidebar-footer .sidebar-footer-link svg{margin-right:8px;transition:color all .15s ease}.navbar{position:sticky;top:0;left:0;right:0;height:70px;background-color:#fff;border-bottom:1px solid #fcfbfa;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:1020;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-left{display:flex;align-items:center;gap:24px}.navbar-menu-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:#4b5563;cursor:pointer;border-radius:8px;transition:all .15s ease}.navbar-menu-button:hover{background-color:#b996711a;color:#2e2e2e}@media (min-width: 769px){.navbar-menu-button{display:none}}.navbar-right{display:flex;align-items:center;gap:24px}.navbar-user{position:relative}.navbar-user-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#b996710d;border:1px solid #f4eee9;border-radius:8px;cursor:pointer;transition:all .15s ease;color:#2e2e2e}.navbar-user-button:hover:not(:disabled){background-color:#b996711a;border-color:#e3d5c6;transform:translateY(-1px)}.navbar-user-button:disabled{opacity:.6;cursor:not-allowed}.navbar-user-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#b9967126;color:#b99671;border-radius:50%;flex-shrink:0}.navbar-user-name{font-size:14px;font-weight:500;color:#2e2e2e}@media (max-width: 768px){.navbar-user-name{display:none}}.navbar-user-chevron{color:#4b5563;transition:transform all .15s ease;flex-shrink:0}.navbar-user-chevron.navbar-user-chevron-open{transform:rotate(180deg)}.navbar-user-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background-color:#fff;border:1px solid #fcfbfa;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:8px;z-index:1000;animation:slideDown .2s ease}.navbar-user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;background:none;border:none;color:#4b5563;font-size:14px;font-weight:500;text-align:left;cursor:pointer;border-radius:4px;transition:all .15s ease}.navbar-user-menu-item svg{flex-shrink:0;transition:all .15s ease}.navbar-user-menu-item:hover:not(:disabled){background-color:#b996711a;color:#2e2e2e}.navbar-user-menu-item:hover:not(:disabled) svg{color:#b99671}.navbar-user-menu-item:disabled{opacity:.6;cursor:not-allowed}.navbar-user-menu-item.navbar-user-menu-item-danger:hover:not(:disabled){background-color:#ef44441a;color:#ef4444}.navbar-user-menu-item.navbar-user-menu-item-danger:hover:not(:disabled) svg{color:#ef4444}.navbar-user-menu-divider{border:none;border-top:1px solid #fcfbfa;margin:4px 0}.navbar-user-menu-overlay{position:fixed;inset:0;z-index:999}.logout-spinner{width:14px;height:14px;border:2px solid rgba(239,68,68,.3);border-top-color:#ef4444;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@media (max-width: 768px){.navbar{padding:0 16px}.navbar-user-menu{right:0;min-width:180px}}.login-page{position:fixed;inset:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:24px;overflow:hidden;background-color:#fff}@media (max-width: 768px){.login-page{padding:16px}}@media (max-width: 480px){.login-page{padding:8px}}.login-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.login-background .login-bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#b996711a,#2e2e2e0d,#b9967126)}.login-background .login-bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.login-background .login-bg-shapes .shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3}@media (max-width: 768px){.login-background .login-bg-shapes .shape{filter:blur(40px);opacity:.2}}.login-background .login-bg-shapes .shape.shape-1{width:250px;height:250px;background:radial-gradient(circle,rgba(185,150,113,.4),transparent);top:5%;left:5%}@media (max-width: 768px){.login-background .login-bg-shapes .shape.shape-1{width:200px;height:200px}}.login-background .login-bg-shapes .shape.shape-2{width:300px;height:300px;background:radial-gradient(circle,rgba(46,46,46,.3),transparent);bottom:5%;right:5%}@media (max-width: 768px){.login-background .login-bg-shapes .shape.shape-2{width:250px;height:250px}}.login-background .login-bg-shapes .shape.shape-3{width:200px;height:200px;background:radial-gradient(circle,rgba(185,150,113,.35),transparent);top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width: 768px){.login-background .login-bg-shapes .shape.shape-3{width:150px;height:150px}}.login-container{position:relative;z-index:10;width:100%;max-width:480px;animation:slideUp .6s ease-out}@media (max-width: 768px){.login-container{max-width:420px}}@media (max-width: 480px){.login-container{max-width:100%}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(185,150,113,.2);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a inset;padding:clamp(32px,5vw,48px);transition:all .3s ease}@media (max-width: 480px){.login-card{border-radius:8px;padding:24px}}.login-card:hover{border-color:#b9967159;box-shadow:0 25px 70px #0006,0 0 0 1px #ffffff26 inset}.login-header{text-align:center;margin-bottom:clamp(32px,4vw,48px)}.login-header .login-logo{max-width:200px;width:100%;height:auto;margin:0 auto 24px;display:block;filter:drop-shadow(0 4px 12px rgba(185,150,113,.3));transition:all .3s ease}@media (max-width: 768px){.login-header .login-logo{max-width:160px;margin-bottom:16px}}@media (max-width: 480px){.login-header .login-logo{max-width:140px}}.login-header .login-logo:hover{filter:drop-shadow(0 6px 16px rgba(185,150,113,.4));transform:scale(1.02)}.login-header .login-subtitle{font-size:clamp(14px,2vw,16px);color:#4b5563;margin:0;line-height:1.6;font-weight:500}.login-form .login-error{display:flex;align-items:center;gap:8px;padding:clamp(8px,2vw,16px);background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:clamp(12px,1.8vw,14px);margin-bottom:24px;animation:shake .5s ease}@media (max-width: 480px){.login-form .login-error{gap:4px;padding:8px}}.login-form .login-error svg{flex-shrink:0;width:18px;height:18px}@media (max-width: 480px){.login-form .login-error svg{width:16px;height:16px}}.login-form .login-error span{flex:1;word-break:break-word}.login-form .form-group{margin-bottom:clamp(16px,3vw,24px)}.login-form .form-group .form-label{display:flex;align-items:center;gap:4px;font-size:clamp(12px,1.8vw,14px);font-weight:600;color:#2e2e2e;margin-bottom:8px}.login-form .form-group .form-label svg{color:#b99671;flex-shrink:0}.login-form .form-group .form-input{width:100%;padding:clamp(8px,2vw,16px) clamp(16px,3vw,24px);border:2px solid #f4eee9;border-radius:8px;font-size:clamp(14px,2vw,16px);background-color:#f9fafb80;color:#2e2e2e;transition:all .15s ease;box-sizing:border-box}@media (max-width: 480px){.login-form .form-group .form-input{border-radius:4px}}.login-form .form-group .form-input::placeholder{color:#4b5563;font-size:clamp(12px,1.8vw,14px)}.login-form .form-group .form-input:focus{outline:none;border-color:#b99671;background-color:#fff;box-shadow:0 0 0 4px #b996711a}.login-form .form-group .form-input:hover:not(:disabled){border-color:#dbc9b5}.login-form .form-group .form-input:disabled{opacity:.6;cursor:not-allowed}.login-form .form-group .form-input.form-input-error{border-color:#ef4444}.login-form .form-group .form-input.form-input-error:focus{box-shadow:0 0 0 4px #ef44441a}.login-form .form-group .password-input-wrapper{position:relative}.login-form .form-group .password-input-wrapper .form-input{padding-right:clamp(45px,10vw,55px)}.login-form .form-group .password-input-wrapper .password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#4b5563;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}@media (max-width: 480px){.login-form .form-group .password-input-wrapper .password-toggle{right:4px}}.login-form .form-group .password-input-wrapper .password-toggle svg{width:20px;height:20px}@media (max-width: 480px){.login-form .form-group .password-input-wrapper .password-toggle svg{width:18px;height:18px}}.login-form .form-group .password-input-wrapper .password-toggle:hover:not(:disabled){color:#b99671;background-color:#b996711a}.login-form .form-group .password-input-wrapper .password-toggle:disabled{opacity:.5;cursor:not-allowed}.login-form .form-group .form-error{display:block;margin-top:4px;font-size:clamp(12px,1.6vw,14px);color:#ef4444;animation:slideDown .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:clamp(8px,2.5vw,16px) clamp(16px,3vw,24px);margin-top:clamp(24px,3vw,32px);font-size:clamp(14px,2vw,16px);font-weight:600;color:#fff;background:linear-gradient(135deg,#b99671,#a57d52);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #b996714d;position:relative;overflow:hidden}@media (max-width: 480px){.login-button{border-radius:4px;gap:4px}}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.login-button svg{width:18px;height:18px;flex-shrink:0}@media (max-width: 480px){.login-button svg{width:16px;height:16px}}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #b9967166}.login-button:hover:not(:disabled):before{left:100%}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #b996714d}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-button .login-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@media (max-width: 480px){.login-button .login-spinner{width:16px;height:16px;border-width:2px}}.login-footer{margin-top:clamp(24px,3vw,32px);padding-top:clamp(16px,3vw,24px);border-top:1px solid #fcfbfa;text-align:center}.login-footer .login-hint{font-size:clamp(12px,1.6vw,14px);color:#4b5563;margin:0;padding:clamp(4px,1.5vw,8px) clamp(8px,2vw,16px);background-color:#b996710d;border-radius:4px;border:1px dashed rgba(185,150,113,.2);line-height:1.5;word-break:break-word}@media (max-width: 360px){.login-card{padding:16px}.login-header .login-logo{max-width:120px}.login-form .form-group{margin-bottom:16px}}.dashboard .btn{display:inline-flex;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:500;text-decoration:none;border-radius:8px;transition:all .3s ease;border:none;cursor:pointer}.dashboard .btn.btn-primary{background-color:#b99671;color:#fff}.dashboard .btn.btn-primary:hover{background-color:#a57d52;transform:translateY(-1px)}.dashboard .btn.btn-secondary{background-color:transparent;color:#4b5563;border:1px solid #fcfbfa}.dashboard .btn.btn-secondary:hover{background-color:#b996710d;color:#2e2e2e}.dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}@media (max-width: 768px){.dashboard .dashboard-header{flex-direction:column;gap:24px;align-items:stretch}}.dashboard .dashboard-header .dashboard-header-content .dashboard-title{font-size:48px;font-weight:700;color:#b99671;margin:0 0 8px;letter-spacing:1px}@media (max-width: 768px){.dashboard .dashboard-header .dashboard-header-content .dashboard-title{font-size:32px}}.dashboard .dashboard-header .dashboard-header-content .dashboard-subtitle{font-size:18px;color:#4b5563;margin:0;line-height:1.5}@media (max-width: 768px){.dashboard .dashboard-header .dashboard-header-content .dashboard-subtitle{font-size:16px}}.dashboard .dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}@media (max-width: 640px){.dashboard .dashboard-stats{grid-template-columns:1fr;gap:16px}}.dashboard .dashboard-stats .stat-card{background:#fff;padding:24px;border-radius:12px;border:1px solid #fcfbfa;transition:all .3s ease}.dashboard .dashboard-stats .stat-card:hover{transform:translateY(-2px);border-color:#b99671;box-shadow:0 4px 12px #b9967126}.dashboard .dashboard-stats .stat-card .stat-card-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:16px}.dashboard .dashboard-stats .stat-card .stat-card-header .stat-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#b996711a;color:#b99671;border-radius:8px}.dashboard .dashboard-stats .stat-card .stat-card-content .stat-card-value{font-size:48px;font-weight:700;color:#2e2e2e;margin:0 0 4px;line-height:1.2}.dashboard .dashboard-stats .stat-card .stat-card-content .stat-card-title{font-size:14px;color:#4b5563;margin:0;text-transform:uppercase;letter-spacing:.5px}.dashboard .dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px}@media (max-width: 1024px){.dashboard .dashboard-grid{grid-template-columns:1fr;gap:24px}}.dashboard .dashboard-card{background:#fff;border-radius:12px;border:1px solid #fcfbfa;overflow:hidden}.dashboard .dashboard-card .dashboard-card-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #fcfbfa;background:#b9967108}.dashboard .dashboard-card .dashboard-card-header .dashboard-card-title{font-size:24px;font-weight:600;color:#2e2e2e;margin:0}.dashboard .dashboard-card .dashboard-card-header .dashboard-card-link{color:#b99671;text-decoration:none;font-size:14px;font-weight:500;transition:all .15s ease}.dashboard .dashboard-card .dashboard-card-header .dashboard-card-link:hover{color:#947049}.dashboard .dashboard-card .dashboard-card-content{padding:24px}.dashboard .project-list{display:flex;flex-direction:column;gap:16px}.dashboard .project-list .project-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border-radius:8px;transition:all .15s ease;border-left:3px solid transparent}.dashboard .project-list .project-item:hover{background:#b996710d;border-left-color:#b99671}.dashboard .project-list .project-item .project-info .project-title{font-size:16px;font-weight:500;color:#2e2e2e;margin:0 0 4px}.dashboard .project-list .project-item .project-info .project-meta{font-size:14px;color:#4b5563;margin:0}.dashboard .project-list .project-item .project-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.dashboard .project-list .project-item .project-status.status-published{background-color:#10b9811a;color:#10b981}.dashboard .project-list .project-item .project-status.status-draft{background-color:#f59e0b1a;color:#f59e0b}.dashboard .quick-actions{display:flex;flex-direction:column;gap:8px}.dashboard .quick-actions .quick-action{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:8px;text-decoration:none;transition:all .15s ease;border-left:3px solid transparent}.dashboard .quick-actions .quick-action:hover{background:#b996710d;transform:translate(4px);border-left-color:#b99671}.dashboard .quick-actions .quick-action .quick-action-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#b99671;color:#fff;border-radius:8px;flex-shrink:0}.dashboard .quick-actions .quick-action .quick-action-content{flex:1}.dashboard .quick-actions .quick-action .quick-action-content .quick-action-title{font-size:16px;font-weight:500;color:#2e2e2e;margin:0 0 4px}.dashboard .quick-actions .quick-action .quick-action-content .quick-action-description{font-size:14px;color:#4b5563;margin:0;line-height:1.4}.dashboard .quick-actions .quick-action .quick-action-arrow{color:#4b5563;transition:all .15s ease}.dashboard .quick-actions .quick-action:hover .quick-action-arrow{color:#b99671;transform:translate(2px)}.dashboard .modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;padding:24px}.dashboard .modal-overlay .modal{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:100%;max-width:600px;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease}.dashboard .modal-overlay .modal.modal-large{max-width:800px}.dashboard .modal-overlay .modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #fcfbfa;background:#b9967108}.dashboard .modal-overlay .modal .modal-header .modal-title{font-size:24px;font-weight:600;color:#2e2e2e;margin:0}.dashboard .modal-overlay .modal .modal-header .modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#4b5563;border-radius:4px;cursor:pointer;transition:all .15s ease}.dashboard .modal-overlay .modal .modal-header .modal-close:hover{background-color:#b996711a;color:#2e2e2e}.dashboard .modal-overlay .modal .modal-form{padding:24px;max-height:calc(90vh - 120px);overflow-y:auto}.dashboard .modal-overlay .modal .modal-form .form-group{margin-bottom:24px}.dashboard .modal-overlay .modal .modal-form .form-group:last-child{margin-bottom:0}.dashboard .modal-overlay .modal .modal-form .form-group .form-label{display:block;font-size:14px;font-weight:500;color:#2e2e2e;margin-bottom:8px}.dashboard .modal-overlay .modal .modal-form .form-group .form-input,.dashboard .modal-overlay .modal .modal-form .form-group .form-textarea,.dashboard .modal-overlay .modal .modal-form .form-group .form-select{width:100%;padding:16px;border:2px solid #ece2d7;border-radius:8px;font-size:14px;background-color:#f8f9fa;color:#1a1a1a;transition:all .15s ease;box-sizing:border-box;box-shadow:inset 0 1px 3px #0000001a}.dashboard .modal-overlay .modal .modal-form .form-group .form-input:focus,.dashboard .modal-overlay .modal .modal-form .form-group .form-textarea:focus,.dashboard .modal-overlay .modal .modal-form .form-group .form-select:focus{outline:none;border-color:#b99671;background-color:#fff;box-shadow:0 0 0 3px #b996711a,inset 0 1px 3px #0000000d}.dashboard .modal-overlay .modal .modal-form .form-group .form-input:hover,.dashboard .modal-overlay .modal .modal-form .form-group .form-textarea:hover,.dashboard .modal-overlay .modal .modal-form .form-group .form-select:hover{border-color:#dbc9b5;background-color:#fff}.dashboard .modal-overlay .modal .modal-form .form-group .form-input::placeholder,.dashboard .modal-overlay .modal .modal-form .form-group .form-textarea::placeholder,.dashboard .modal-overlay .modal .modal-form .form-group .form-select::placeholder{color:#616e80;font-style:italic}.dashboard .modal-overlay .modal .modal-form .form-group .form-textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.dashboard .modal-overlay .modal .modal-form .form-group .form-select{cursor:pointer}.dashboard .modal-overlay .modal .modal-form .modal-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid #fcfbfa}.dashboard .empty-state{display:flex;justify-content:center;align-items:center;min-height:400px;background:#fff;border:2px dashed #fcfbfa;border-radius:12px}.dashboard .empty-state .empty-state-content{text-align:center;max-width:400px;padding:32px}.dashboard .empty-state .empty-state-content svg{color:#4b5563;margin-bottom:24px}.dashboard .empty-state .empty-state-content h3{font-size:24px;font-weight:600;color:#2e2e2e;margin:0 0 8px}.dashboard .empty-state .empty-state-content p{font-size:16px;color:#4b5563;line-height:1.5;margin:0 0 24px}@media (max-width: 640px){.dashboard .dashboard-stats .stat-card{padding:16px}.dashboard .dashboard-stats .stat-card .stat-card-header .stat-card-icon{width:40px;height:40px}.dashboard .dashboard-stats .stat-card .stat-card-content .stat-card-value{font-size:32px}.dashboard .dashboard-card .dashboard-card-header,.dashboard .dashboard-card .dashboard-card-content{padding:16px}.dashboard .quick-actions .quick-action .quick-action-icon{width:36px;height:36px}.dashboard .modal-overlay .modal{margin:16px;max-height:calc(100vh - 48px)}.dashboard .modal-overlay .modal .modal-header,.dashboard .modal-overlay .modal .modal-form{padding:16px}.dashboard .modal-overlay .modal .modal-form .modal-actions{flex-direction:column}.dashboard .modal-overlay .modal .modal-form .modal-actions .btn{width:100%;justify-content:center}}.skeleton .skeleton-icon{width:48px;height:48px;background:#b9967126;border-radius:8px}.skeleton .skeleton-value{width:80px;height:36px;background:#b9967126;border-radius:4px;margin-bottom:4px}.skeleton .skeleton-title{width:120px;height:16px;background:#b9967126;border-radius:4px}.skeleton .skeleton-meta{width:150px;height:14px;background:#b9967126;border-radius:4px}.skeleton .skeleton-status{width:70px;height:24px;background:#b9967126;border-radius:4px}.dashboard-error{display:flex;align-items:center;gap:8px;padding:16px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:24px}.dashboard-error svg{flex-shrink:0}.empty-state-small{text-align:center;padding:32px;color:#4b5563;font-size:14px}.categories .btn{display:inline-flex;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:500;text-decoration:none;border-radius:8px;transition:all .3s ease;border:none;cursor:pointer}.categories .btn.btn-primary{background-color:#b99671;color:#fff}.categories .btn.btn-primary:hover{background-color:#a57d52;transform:translateY(-1px)}.categories .btn.btn-secondary{background-color:transparent;color:#4b5563;border:1px solid #fcfbfa}.categories .btn.btn-secondary:hover{background-color:#b996710d;color:#2e2e2e}.categories .categories-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.categories .categories-header .categories-header-content .categories-title{font-size:48px;font-weight:700;color:#b99671;margin:0 0 8px;letter-spacing:1px}.categories .categories-header .categories-header-content .categories-subtitle{font-size:18px;color:#4b5563;margin:0;line-height:1.5}.categories .categories-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:24px}.categories .categories-controls .search-box{position:relative;flex:1;max-width:400px}.categories .categories-controls .search-box svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#4b5563}.categories .categories-controls .search-box .search-input{width:100%;padding:16px 16px 16px 48px;border:1px solid #fcfbfa;border-radius:8px;font-size:14px;background-color:#fff;box-sizing:border-box;color:#2e2e2e;transition:all .15s ease}.categories .categories-controls .search-box .search-input:focus{outline:none;border-color:#b99671;box-shadow:0 0 0 3px #b996711a}.categories .categories-controls .search-box .search-input::placeholder{color:#4b5563}.categories .categories-controls .categories-stats .stat{font-size:14px;color:#4b5563}.categories .categories-controls .categories-stats .stat strong{color:#2e2e2e;font-weight:600}.categories .categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:32px}.categories .categories-grid .category-card{background:#fff;border:1px solid #fcfbfa;border-radius:12px;padding:24px;transition:all .3s ease}.categories .categories-grid .category-card:hover{transform:translateY(-2px);border-color:#b99671;box-shadow:0 4px 12px #b9967126}.categories .categories-grid .category-card .category-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.categories .categories-grid .category-card .category-card-header .category-name{font-size:24px;font-weight:600;color:#2e2e2e;margin:0;flex:1}.categories .categories-grid .category-card .category-card-header .category-actions{display:flex;gap:8px;margin-left:16px}.categories .categories-grid .category-card .category-card-header .category-actions .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.categories .categories-grid .category-card .category-card-header .category-actions .action-btn.edit-btn{background-color:#3b82f61a;color:#3b82f6}.categories .categories-grid .category-card .category-card-header .category-actions .action-btn.edit-btn:hover:not(:disabled){background-color:#3b82f633;transform:scale(1.05)}.categories .categories-grid .category-card .category-card-header .category-actions .action-btn.delete-btn{background-color:#ef44441a;color:#ef4444}.categories .categories-grid .category-card .category-card-header .category-actions .action-btn.delete-btn:hover:not(:disabled){background-color:#ef444433;transform:scale(1.05)}.categories .categories-grid .category-card .category-card-header .category-actions .action-btn.delete-btn.disabled{background-color:#4b55631a;color:#4b5563;cursor:not-allowed;opacity:.5}.categories .categories-grid .category-card .category-card-header .category-actions .action-btn.delete-btn.disabled:hover{transform:none;background-color:#4b55631a}.categories .categories-grid .category-card .category-card-header .category-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}.categories .categories-grid .category-card .category-card-content .category-description{font-size:14px;color:#4b5563;line-height:1.5;margin:0 0 16px}.categories .categories-grid .category-card .category-card-content .category-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#4b5563}.categories .categories-grid .category-card .category-card-content .category-meta .project-count{display:flex;align-items:center;gap:4px;font-weight:500;padding:4px 8px;border-radius:4px;background-color:#4b55631a;color:#4b5563}.categories .categories-grid .category-card .category-card-content .category-meta .project-count svg{color:#4b5563}.categories .categories-grid .category-card .category-card-content .category-meta .project-count.has-projects{background-color:#b996711a;color:#b99671}.categories .categories-grid .category-card .category-card-content .category-meta .project-count.has-projects svg{color:#b99671}.categories .categories-grid .category-card .category-card-content .category-meta .created-date{font-size:12px;color:#4b5563}.categories .empty-state{display:flex;justify-content:center;align-items:center;min-height:400px;background:#fff;border:2px dashed #fcfbfa;border-radius:12px}.categories .empty-state .empty-state-content{text-align:center;max-width:400px;padding:32px}.categories .empty-state .empty-state-content svg{color:#4b5563;margin-bottom:24px}.categories .empty-state .empty-state-content h3{font-size:24px;font-weight:600;color:#2e2e2e;margin:0 0 8px}.categories .empty-state .empty-state-content p{font-size:16px;color:#4b5563;line-height:1.5;margin:0 0 24px}.categories .modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;padding:24px}.categories .modal-overlay .modal{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:100%;max-width:500px;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease}.categories .modal-overlay .modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #fcfbfa}.categories .modal-overlay .modal .modal-header .modal-title{font-size:24px;font-weight:600;color:#2e2e2e;margin:0}.categories .modal-overlay .modal .modal-header .modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#4b5563;border-radius:4px;cursor:pointer;transition:all .15s ease}.categories .modal-overlay .modal .modal-header .modal-close:hover{background-color:#b996710d;color:#2e2e2e}.categories .modal-overlay .modal .modal-form{padding:24px}.categories .modal-overlay .modal .modal-form .form-group{margin-bottom:24px}.categories .modal-overlay .modal .modal-form .form-group:last-child{margin-bottom:0}.categories .modal-overlay .modal .modal-form .form-group .form-label{display:block;font-size:14px;font-weight:500;color:#2e2e2e;margin-bottom:8px}.categories .modal-overlay .modal .modal-form .form-group .form-input,.categories .modal-overlay .modal .modal-form .form-group .form-textarea{width:100%;padding:16px;border:2px solid #ece2d7;border-radius:8px;font-size:14px;background-color:#f8f9fa;color:#1a1a1a;transition:all .15s ease;box-sizing:border-box;box-shadow:inset 0 1px 3px #0000001a}.categories .modal-overlay .modal .modal-form .form-group .form-input:focus,.categories .modal-overlay .modal .modal-form .form-group .form-textarea:focus{outline:none;border-color:#b99671;background-color:#fff;box-shadow:0 0 0 3px #b996711a,inset 0 1px 3px #0000000d}.categories .modal-overlay .modal .modal-form .form-group .form-input:hover,.categories .modal-overlay .modal .modal-form .form-group .form-textarea:hover{border-color:#dbc9b5;background-color:#fff}.categories .modal-overlay .modal .modal-form .form-group .form-input::placeholder,.categories .modal-overlay .modal .modal-form .form-group .form-textarea::placeholder{color:#616e80;font-style:italic}.categories .modal-overlay .modal .modal-form .form-group .form-textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.categories .modal-overlay .modal .modal-form .modal-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid #fcfbfa}@media (max-width: 1024px){.categories .categories-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.categories .categories-header{flex-direction:column;gap:24px;align-items:stretch}.categories .categories-header .categories-header-content .categories-title{font-size:32px}.categories .categories-header .categories-header-content .categories-subtitle{font-size:16px}.categories .categories-controls{flex-direction:column;align-items:stretch;gap:16px}.categories .categories-controls .search-box{max-width:none}.categories .categories-grid{gap:16px}}@media (max-width: 640px){.categories .categories-grid{grid-template-columns:1fr}.categories .categories-grid .category-card{padding:16px}.categories .categories-grid .category-card .category-card-header{flex-direction:column;align-items:flex-start;gap:8px}.categories .categories-grid .category-card .category-card-header .category-actions{margin-left:0;align-self:flex-end}.categories .modal-overlay .modal{margin:0;max-height:calc(100vh - 48px)}.categories .modal-overlay .modal .modal-header,.categories .modal-overlay .modal .modal-form{padding:16px}.categories .modal-overlay .modal .modal-form .modal-actions{flex-direction:column}.categories .modal-overlay .modal .modal-form .modal-actions .btn{width:100%;justify-content:center}}@media (max-width: 480px){.categories .categories-grid .category-card .category-card-content .category-meta{flex-direction:column;align-items:flex-start;gap:4px}}.skeleton .skeleton-title{width:60%;height:24px;background:#b9967126;border-radius:4px}.skeleton .skeleton-actions{width:70px;height:32px;background:#b9967126;border-radius:4px}.skeleton .skeleton-description{width:100%;height:40px;background:#b9967126;border-radius:4px;margin-bottom:16px}.skeleton .skeleton-meta{width:50%;height:16px;background:#b9967126;border-radius:4px}.projects .btn{display:inline-flex;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:500;text-decoration:none;border-radius:8px;transition:all .3s ease;border:none;cursor:pointer}.projects .btn.btn-primary{background-color:#b99671;color:#fff}.projects .btn.btn-primary:hover{background-color:#a57d52;transform:translateY(-1px)}.projects .btn.btn-secondary{background-color:transparent;color:#4b5563;border:1px solid #fcfbfa}.projects .btn.btn-secondary:hover{background-color:#b996710d;color:#2e2e2e}.projects .projects-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}@media (max-width: 768px){.projects .projects-header{flex-direction:column;gap:24px;align-items:stretch}}.projects .projects-header .projects-header-content .projects-title{font-size:48px;font-weight:700;color:#b99671;margin:0 0 8px;letter-spacing:1px}@media (max-width: 768px){.projects .projects-header .projects-header-content .projects-title{font-size:32px}}.projects .projects-header .projects-header-content .projects-subtitle{font-size:18px;color:#4b5563;margin:0;line-height:1.5}@media (max-width: 768px){.projects .projects-header .projects-header-content .projects-subtitle{font-size:16px}}.projects .projects-header .projects-header-actions{display:flex;align-items:center;gap:16px}.projects .projects-header .projects-header-actions .view-toggle{display:flex;background:#fff;border:1px solid #fcfbfa;border-radius:8px;overflow:hidden}.projects .projects-header .projects-header-actions .view-toggle .view-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:#4b5563;cursor:pointer;transition:all .15s ease}.projects .projects-header .projects-header-actions .view-toggle .view-btn:hover{background:#b996710d;color:#2e2e2e}.projects .projects-header .projects-header-actions .view-toggle .view-btn.active{background:#b99671;color:#fff}.projects .projects-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:24px;margin-bottom:32px;padding:24px;background:#fff;border:1px solid #fcfbfa;border-radius:12px}@media (max-width: 640px){.projects .projects-stats{grid-template-columns:repeat(2,1fr);gap:16px;padding:16px}}.projects .projects-stats .stat-item{text-align:center}.projects .projects-stats .stat-item .stat-number{display:block;font-size:32px;font-weight:700;color:#2e2e2e;line-height:1.2}@media (max-width: 640px){.projects .projects-stats .stat-item .stat-number{font-size:24px}}.projects .projects-stats .stat-item .stat-label{font-size:12px;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.projects .projects-controls{margin-bottom:32px}.projects .projects-controls .projects-filters{display:flex;gap:16px;flex-wrap:wrap}@media (max-width: 640px){.projects .projects-controls .projects-filters{flex-direction:column}}.projects .projects-controls .projects-filters .search-box{position:relative;flex:1;min-width:250px}@media (max-width: 640px){.projects .projects-controls .projects-filters .search-box{min-width:auto}}.projects .projects-controls .projects-filters .search-box svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#4b5563}.projects .projects-controls .projects-filters .search-box .search-input{width:100%;padding:16px 16px 16px 48px;border:1px solid #fcfbfa;border-radius:8px;font-size:14px;background-color:#fff;box-sizing:border-box;color:#2e2e2e;transition:all .15s ease}.projects .projects-controls .projects-filters .search-box .search-input:focus{outline:none;border-color:#b99671;box-shadow:0 0 0 3px #b996711a}.projects .projects-controls .projects-filters .search-box .search-input::placeholder{color:#4b5563}.projects .projects-controls .projects-filters .filter-select{padding:16px;border:1px solid #fcfbfa;border-radius:8px;font-size:14px;background-color:#fff;color:#2e2e2e;cursor:pointer;transition:all .15s ease;min-width:150px}.projects .projects-controls .projects-filters .filter-select:focus{outline:none;border-color:#b99671;box-shadow:0 0 0 3px #b996711a}.projects .projects-container.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px}@media (max-width: 768px){.projects .projects-container.grid{grid-template-columns:1fr;gap:24px}}.projects .projects-container.list{display:flex;flex-direction:column;gap:24px}.projects .project-card{background:#fff;border:1px solid #fcfbfa;border-radius:12px;overflow:hidden;transition:all .3s ease;position:relative}.projects .project-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px)}.projects .project-card.draft{opacity:.8;border-left:4px solid #F59E0B}.projects .project-card.published{border-left:4px solid #10B981}.projects .project-card .featured-badge{position:absolute;top:16px;left:16px;background:#b99671;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2}.projects .project-card .project-image{position:relative;height:300px;overflow:hidden;background:#fff}.list .projects .project-card .project-image{width:200px;flex-shrink:0}.projects .project-card .project-image img{width:100%;height:100%;object-fit:contain;transition:all .3s ease}.projects .project-card .project-image .no-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#4b5563;background:#fff}.projects .project-card .project-image .project-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.projects .project-card .project-image .project-overlay .project-actions{display:flex;gap:8px}.projects .project-card .project-image:hover .project-overlay{opacity:1}.projects .project-card .project-content{padding:24px}.list .projects .project-card .project-content{flex:1}.projects .project-card .project-content .project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.projects .project-card .project-content .project-header .project-title{font-size:24px;font-weight:600;color:#2e2e2e;margin:0;flex:1;line-height:1.3}.projects .project-card .project-content .project-header .project-status-actions{margin-left:16px}.projects .project-card .project-content .project-description{font-size:14px;color:#4b5563;line-height:1.6;margin:0 0 24px;display:-webkit-box;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.projects .project-card .project-content .project-meta{margin-bottom:24px}.projects .project-card .project-content .project-meta .meta-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #fcfbfa}.projects .project-card .project-content .project-meta .meta-row:last-child{border-bottom:none}.projects .project-card .project-content .project-meta .meta-row .meta-label{font-size:12px;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.projects .project-card .project-content .project-meta .meta-row .meta-value{font-size:14px;color:#2e2e2e;font-weight:500}.projects .project-card .project-content .project-services{display:flex;flex-wrap:wrap;gap:4px}.projects .project-card .project-content .project-services .service-tag{background:#b996710d;color:#b99671;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.projects .project-card.list{display:flex;flex-direction:row}@media (max-width: 768px){.projects .project-card.list{flex-direction:column}}.projects .project-card.list .project-image{height:auto;min-height:200px}@media (max-width: 768px){.projects .project-card.list .project-image{width:100%;height:200px}}.projects .action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease;background:#ffffffe6}.projects .action-btn.featured-btn{color:#f59e0b}.projects .action-btn.featured-btn:hover{background:#f59e0b;color:#fff}.projects .action-btn.edit-btn{color:#3b82f6}.projects .action-btn.edit-btn:hover{background:#3b82f6;color:#fff}.projects .action-btn.delete-btn{color:#ef4444}.projects .action-btn.delete-btn:hover{background:#ef4444;color:#fff}.projects .status-select{padding:4px 8px;border:1px solid #fcfbfa;border-radius:4px;font-size:12px;background-color:#b9967126;color:#2e2e2e;cursor:pointer;transition:all .15s ease}.projects .status-select:focus{outline:none;border-color:#b99671}.projects .empty-state{display:flex;justify-content:center;align-items:center;min-height:400px;background:#fff;border:2px dashed #fcfbfa;border-radius:12px}.projects .empty-state .empty-state-content{text-align:center;max-width:400px;padding:32px}.projects .empty-state .empty-state-content svg{color:#4b5563;margin-bottom:24px}.projects .empty-state .empty-state-content h3{font-size:24px;font-weight:600;color:#2e2e2e;margin:0 0 8px}.projects .empty-state .empty-state-content p{font-size:16px;color:#4b5563;line-height:1.5;margin:0 0 24px}.projects .modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;padding:24px}.projects .modal-overlay .modal{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:100%;max-width:700px;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease}.projects .modal-overlay .modal.modal-xlarge{max-width:900px}.projects .modal-overlay .modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #fcfbfa}.projects .modal-overlay .modal .modal-header .modal-title{font-size:24px;font-weight:600;color:#2e2e2e;margin:0}.projects .modal-overlay .modal .modal-header .modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#4b5563;border-radius:4px;cursor:pointer;transition:all .15s ease}.projects .modal-overlay .modal .modal-header .modal-close:hover{background-color:#b996710d;color:#2e2e2e}.projects .modal-overlay .modal .modal-form{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.projects .modal-overlay .modal .modal-form .modal-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #fcfbfa}@media (max-width: 480px){.projects .modal-overlay .modal .modal-form .modal-actions{flex-direction:column}.projects .modal-overlay .modal .modal-form .modal-actions .btn{width:100%;justify-content:center}}.projects .form-section{margin-bottom:32px}.projects .form-section:last-child{margin-bottom:0}.projects .form-section .section-title{font-size:18px;font-weight:600;color:#2e2e2e;margin:0 0 24px;padding-bottom:8px;border-bottom:2px solid #B99671}.projects .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}@media (max-width: 640px){.projects .form-grid{grid-template-columns:1fr;gap:16px}}.projects .form-group{margin-bottom:24px}.projects .form-group:last-child{margin-bottom:0}.projects .form-group .form-label{display:block;font-size:14px;font-weight:500;color:#2e2e2e;margin-bottom:8px}.projects .form-group .form-input,.projects .form-group .form-textarea,.projects .form-group .form-select{width:100%;padding:16px;border:2px solid #ece2d7;border-radius:8px;font-size:14px;background-color:#f8f9fa;color:#1a1a1a;transition:all .15s ease;box-sizing:border-box;box-shadow:inset 0 1px 3px #0000001a}.projects .form-group .form-input:focus,.projects .form-group .form-textarea:focus,.projects .form-group .form-select:focus{outline:none;border-color:#b99671;background-color:#fff;box-shadow:0 0 0 3px #b996711a,inset 0 1px 3px #0000000d}.projects .form-group .form-input:hover,.projects .form-group .form-textarea:hover,.projects .form-group .form-select:hover{border-color:#dbc9b5;background-color:#fff}.projects .form-group .form-input::placeholder,.projects .form-group .form-textarea::placeholder,.projects .form-group .form-select::placeholder{color:#616e80;font-style:italic}.projects .form-group .form-textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.projects .form-group .form-select{cursor:pointer}.projects .checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}@media (max-width: 640px){.projects .checkbox-group{grid-template-columns:1fr}}.projects .checkbox-group .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:4px;transition:all .15s ease}.projects .checkbox-group .checkbox-label:hover{background:#b996710d}.projects .checkbox-group .checkbox-label.featured-checkbox{background:#b996710d;border:1px solid #fcfbfa;border-radius:8px;padding:16px;margin-top:16px}.projects .checkbox-group .checkbox-label.featured-checkbox .checkbox-text{font-weight:500;color:#b99671}.projects .checkbox-group .checkbox-label .checkbox-input{width:18px;height:18px;accent-color:#B99671}.projects .checkbox-group .checkbox-label .checkbox-text{font-size:14px;color:#2e2e2e;-webkit-user-select:none;user-select:none}.projects .image-upload-area{border:2px dashed #fcfbfa;border-radius:12px;padding:32px;text-align:center;transition:all .15s ease;margin-bottom:24px}.projects .image-upload-area:hover{border-color:#b99671;background:#b996710d}.projects .image-upload-area .file-input{display:none}.projects .image-upload-area .file-label{display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;color:#4b5563}.projects .image-upload-area .file-label svg{color:#4b5563}.projects .image-upload-area .file-label span{font-size:16px;font-weight:500;color:#2e2e2e}.projects .image-upload-area .file-label small{font-size:14px;color:#4b5563}.projects .uploaded-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.projects .uploaded-images .uploaded-image{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #fcfbfa}.projects .uploaded-images .uploaded-image img{width:100%;height:100%;object-fit:cover}.projects .uploaded-images .uploaded-image .remove-image{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#ef4444f2;color:#fff;border:2px solid white;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:10;box-shadow:0 2px 8px #0000004d}.projects .uploaded-images .uploaded-image .remove-image:hover{background:#ef4444;transform:scale(1.2);box-shadow:0 4px 12px #0006}.projects .uploaded-images .uploaded-image .remove-image:disabled{opacity:.5;cursor:not-allowed}.projects .uploaded-images .uploaded-image .remove-image svg{width:14px;height:14px;stroke-width:3}.projects .uploaded-images .uploaded-image .primary-badge{position:absolute;bottom:8px;left:8px;background:#b99671;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}@media (max-width: 640px){.projects .project-card .project-content{padding:16px}.projects .project-card .project-content .project-meta .meta-row{flex-direction:column;align-items:flex-start;gap:4px}.projects .project-card .project-content .project-meta .meta-row .meta-label{font-size:10px}.projects .modal-overlay .modal{margin:0;max-height:calc(100vh - 48px)}.projects .modal-overlay .modal .modal-header,.projects .modal-overlay .modal .modal-form{padding:16px}.projects .modal-overlay .modal .form-grid{grid-template-columns:1fr}.projects .modal-overlay .modal .uploaded-images{grid-template-columns:repeat(2,1fr)}.projects .projects-header-actions{flex-direction:column;align-items:stretch}.projects .projects-header-actions .view-toggle{align-self:center}}.alert{display:flex;align-items:center;gap:8px;padding:16px;border-radius:8px;font-size:14px;margin-bottom:24px;animation:slideDown .3s ease}.alert svg{flex-shrink:0}.alert.alert-success{background-color:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.alert.alert-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.skeleton{background:linear-gradient(90deg,#b996710d 25%,#b996711a,#b996710d 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton .skeleton-image{width:100%;height:240px;background:#b9967126}.skeleton .skeleton-title{width:70%;height:24px;background:#b9967126;border-radius:4px;margin-bottom:16px}.skeleton .skeleton-description{width:100%;height:60px;background:#b9967126;border-radius:4px;margin-bottom:16px}.skeleton .skeleton-meta{width:80%;height:80px;background:#b9967126;border-radius:4px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.existing-badge{position:absolute;top:8px;right:8px;background:#3b82f6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.mini-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}:root[data-theme=light]{--primary-color: #B99671;--secondary-color: #2E2E2E;--third-color: #4B5563;--text-primary: #B99671;--text-secondary: #2E2E2E;--text-third: #4B5563;--text-white: #FFFFFF;--text-muted: #6B7280;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-dark: #2E2E2E;--dashboard-bg: #F8FAFC;--card-bg: #FFFFFF;--navbar-bg: #FFFFFF;--sidebar-bg: #1F2937;--border-color: #E5E7EB;--shadow-color: rgba(0, 0, 0, .1);--hover-bg: rgba(185, 150, 113, .1);--active-bg: rgba(185, 150, 113, .15);--success-color: #10B981;--warning-color: #F59E0B;--error-color: #EF4444;--info-color: #3B82F6}:root[data-theme=dark]{--primary-color: #B99671;--secondary-color: #FFFFFF;--third-color: #D1D5DB;--text-primary: #B99671;--text-secondary: #FFFFFF;--text-third: #D1D5DB;--text-white: #1F2937;--text-muted: #9CA3AF;--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-dark: #b5bac2;--dashboard-bg: #0f0f0f;--card-bg: #1e1e1e;--navbar-bg: #0f0f0f;--sidebar-bg: #1F2937;--border-color: #4B5563;--shadow-color: rgba(0, 0, 0, .3);--hover-bg: rgba(185, 150, 113, .2);--active-bg: rgba(185, 150, 113, .3);--success-color: #059669;--warning-color: #D97706;--error-color: #DC2626;--info-color: #2563EB}.jobs .btn{display:inline-flex;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:500;text-decoration:none;border-radius:8px;transition:all .3s ease;border:none;cursor:pointer}.jobs .btn.btn-primary{background-color:#b99671;color:#fff}.jobs .btn.btn-primary:hover{background-color:#a57d52;transform:translateY(-1px)}.jobs .btn.btn-secondary{background-color:transparent;color:#4b5563;border:1px solid #fcfbfa}.jobs .btn.btn-secondary:hover{background-color:#b996710d;color:#2e2e2e}.jobs .jobs-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.jobs .jobs-header .jobs-header-content .jobs-title{font-size:48px;font-weight:700;color:#b99671;margin:0 0 8px;letter-spacing:1px}.jobs .jobs-header .jobs-header-content .jobs-subtitle{font-size:18px;color:#4b5563;margin:0;line-height:1.5}.jobs .jobs-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:24px}.jobs .jobs-controls .jobs-filters{display:flex;gap:16px;flex:1}.jobs .jobs-controls .jobs-filters .search-box{position:relative;flex:1;max-width:300px}.jobs .jobs-controls .jobs-filters .search-box svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#4b5563}.jobs .jobs-controls .jobs-filters .search-box .search-input{width:100%;padding:16px 16px 16px 48px;border:1px solid #fcfbfa;border-radius:8px;font-size:14px;background-color:#fff;box-sizing:border-box;color:#2e2e2e;transition:all .15s ease}.jobs .jobs-controls .jobs-filters .search-box .search-input:focus{outline:none;border-color:#b99671;box-shadow:0 0 0 3px #b996711a}.jobs .jobs-controls .jobs-filters .search-box .search-input::placeholder{color:#4b5563}.jobs .jobs-controls .jobs-filters .status-filter{padding:16px;border:1px solid #fcfbfa;border-radius:8px;font-size:14px;background-color:#fff;color:#2e2e2e;cursor:pointer;transition:all .15s ease}.jobs .jobs-controls .jobs-filters .status-filter:focus{outline:none;border-color:#b99671;box-shadow:0 0 0 3px #b996711a}.jobs .jobs-controls .jobs-stats{display:flex;gap:24px}.jobs .jobs-controls .jobs-stats .stat-item{text-align:center}.jobs .jobs-controls .jobs-stats .stat-item .stat-number{display:block;font-size:24px;font-weight:700;color:#2e2e2e;line-height:1.2}.jobs .jobs-controls .jobs-stats .stat-item .stat-label{font-size:12px;color:#4b5563;text-transform:uppercase;letter-spacing:.5px}.jobs .jobs-list{display:flex;flex-direction:column;gap:24px}.jobs .jobs-list .job-card{background:#fff;border:1px solid #fcfbfa;border-radius:12px;padding:24px;transition:all .3s ease;border-left-width:4px}.jobs .jobs-list .job-card.job-active{border-left-color:#10b981}.jobs .jobs-list .job-card.job-draft{border-left-color:#f59e0b}.jobs .jobs-list .job-card.job-closed{border-left-color:#ef4444;opacity:.8}.jobs .jobs-list .job-card:hover{transform:translateY(-1px);border-color:#b99671;box-shadow:0 4px 12px #b9967126}.jobs .jobs-list .job-card .job-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.jobs .jobs-list .job-card .job-card-header .job-basic-info{flex:1}.jobs .jobs-list .job-card .job-card-header .job-basic-info .job-title-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.jobs .jobs-list .job-card .job-card-header .job-basic-info .job-title-row .job-title{font-size:24px;font-weight:600;color:#2e2e2e;margin:0}.jobs .jobs-list .job-card .job-card-header .job-basic-info .job-title-row .status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.jobs .jobs-list .job-card .job-card-header .job-basic-info .job-title-row .status-dot.status-active{background-color:#10b981}.jobs .jobs-list .job-card .job-card-header .job-basic-info .job-title-row .status-dot.status-draft{background-color:#f59e0b}.jobs .jobs-list .job-card .job-card-header .job-basic-info .job-title-row .status-dot.status-closed{background-color:#ef4444}.jobs .jobs-list .job-card .job-card-header .job-basic-info .job-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;color:#4b5563}.jobs .jobs-list .job-card .job-card-header .job-basic-info .job-meta span{position:relative}.jobs .jobs-list .job-card .job-card-header .job-basic-info .job-meta span:not(:last-child):after{content:"•";margin-left:16px;color:#dbc9b5}.jobs .jobs-list .job-card .job-card-header .job-actions{display:flex;align-items:center;gap:8px}.jobs .jobs-list .job-card .job-card-header .job-actions .status-select{padding:4px 8px;border:1px solid #fcfbfa;border-radius:4px;background-color:#b9967126;font-size:12px;color:#2e2e2e;cursor:pointer;transition:all .15s ease}.jobs .jobs-list .job-card .job-card-header .job-actions .status-select:focus{outline:none;border-color:#b99671}.jobs .jobs-list .job-card .job-card-header .job-actions .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.jobs .jobs-list .job-card .job-card-header .job-actions .action-btn.edit-btn{background-color:#3b82f61a;color:#3b82f6}.jobs .jobs-list .job-card .job-card-header .job-actions .action-btn.edit-btn:hover{background-color:#3b82f633;transform:scale(1.05)}.jobs .jobs-list .job-card .job-card-header .job-actions .action-btn.delete-btn{background-color:#ef44441a;color:#ef4444}.jobs .jobs-list .job-card .job-card-header .job-actions .action-btn.delete-btn:hover{background-color:#ef444433;transform:scale(1.05)}.jobs .jobs-list .job-card .job-card-content .job-description{font-size:14px;color:#4b5563;line-height:1.6;margin:0 0 24px}.jobs .jobs-list .job-card .job-card-content .job-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.jobs .jobs-list .job-card .job-card-content .job-details .job-detail{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #fcfbfa}.jobs .jobs-list .job-card .job-card-content .job-details .job-detail .detail-label{font-size:12px;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.jobs .jobs-list .job-card .job-card-content .job-details .job-detail .detail-value{font-size:14px;color:#2e2e2e;font-weight:500}.jobs .empty-state{display:flex;justify-content:center;align-items:center;min-height:400px;background:#fff;border:2px dashed #fcfbfa;border-radius:12px}.jobs .empty-state .empty-state-content{text-align:center;max-width:400px;padding:32px}.jobs .empty-state .empty-state-content svg{color:#4b5563;margin-bottom:24px}.jobs .empty-state .empty-state-content h3{font-size:24px;font-weight:600;color:#2e2e2e;margin:0 0 8px}.jobs .empty-state .empty-state-content p{font-size:16px;color:#4b5563;line-height:1.5;margin:0 0 24px}.jobs .modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;padding:24px}.jobs .modal-overlay .modal{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:100%;max-width:600px;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease}.jobs .modal-overlay .modal.modal-large{max-width:800px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.jobs .modal-overlay .modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #fcfbfa;background:#b9967108}.jobs .modal-overlay .modal .modal-header .modal-title{font-size:24px;font-weight:600;color:#2e2e2e;margin:0}.jobs .modal-overlay .modal .modal-header .modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#4b5563;border-radius:4px;cursor:pointer;transition:all .15s ease}.jobs .modal-overlay .modal .modal-header .modal-close:hover{background-color:#b996711a;color:#2e2e2e}.jobs .modal-overlay .modal .modal-form{padding:24px;max-height:calc(90vh - 120px);overflow-y:auto}.jobs .modal-overlay .modal .modal-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.jobs .modal-overlay .modal .modal-form .form-group{margin-bottom:24px}.jobs .modal-overlay .modal .modal-form .form-group:last-child{margin-bottom:0}.jobs .modal-overlay .modal .modal-form .form-group .form-label{display:block;font-size:14px;font-weight:500;color:#2e2e2e;margin-bottom:8px}.jobs .modal-overlay .modal .modal-form .form-group .form-input,.jobs .modal-overlay .modal .modal-form .form-group .form-textarea,.jobs .modal-overlay .modal .modal-form .form-group .form-select{width:100%;padding:16px;border:2px solid #ece2d7;border-radius:8px;font-size:14px;background-color:#f8f9fa;color:#1a1a1a;transition:all .15s ease;box-sizing:border-box;box-shadow:inset 0 1px 3px #0000001a}.jobs .modal-overlay .modal .modal-form .form-group .form-input:focus,.jobs .modal-overlay .modal .modal-form .form-group .form-textarea:focus,.jobs .modal-overlay .modal .modal-form .form-group .form-select:focus{outline:none;border-color:#b99671;background-color:#fff;box-shadow:0 0 0 3px #b996711a,inset 0 1px 3px #0000000d}.jobs .modal-overlay .modal .modal-form .form-group .form-input:hover,.jobs .modal-overlay .modal .modal-form .form-group .form-textarea:hover,.jobs .modal-overlay .modal .modal-form .form-group .form-select:hover{border-color:#dbc9b5;background-color:#fff}.jobs .modal-overlay .modal .modal-form .form-group .form-input::placeholder,.jobs .modal-overlay .modal .modal-form .form-group .form-textarea::placeholder,.jobs .modal-overlay .modal .modal-form .form-group .form-select::placeholder{color:#616e80;font-style:italic}.jobs .modal-overlay .modal .modal-form .form-group .form-textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.jobs .modal-overlay .modal .modal-form .form-group .form-select{cursor:pointer}.jobs .modal-overlay .modal .modal-form .modal-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid #fcfbfa}.jobs .alert{display:flex;align-items:center;gap:8px;padding:16px 24px;border-radius:8px;margin-bottom:24px;animation:slideDown .3s ease;font-size:14px;font-weight:500}.jobs .alert svg{flex-shrink:0}.jobs .alert.alert-success{background-color:#10b9811a;border:1px solid #10B981;color:#0c8a60}.jobs .alert.alert-success svg{color:#10b981}.jobs .alert.alert-error{background-color:#ef44441a;border:1px solid #EF4444;color:#eb1515}.jobs .alert.alert-error svg{color:#ef4444}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.jobs .skeleton{pointer-events:none}.jobs .skeleton .skeleton-title{height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:12px;width:60%}.jobs .skeleton .skeleton-description{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:8px;width:100%}.jobs .skeleton .skeleton-meta{height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;width:40%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.jobs .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.jobs .jobs-list .job-card .job-card-content .job-details{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.jobs .jobs-header{flex-direction:column;gap:24px;align-items:stretch}.jobs .jobs-header .jobs-header-content .jobs-title{font-size:32px}.jobs .jobs-header .jobs-header-content .jobs-subtitle{font-size:16px}.jobs .jobs-controls{flex-direction:column;align-items:stretch;gap:16px}.jobs .jobs-list{gap:16px}.jobs .jobs-list .job-card .job-card-header{flex-direction:column;gap:16px}.jobs .jobs-list .job-card .job-card-header .job-actions{align-self:flex-end}}@media (max-width: 640px){.jobs .jobs-controls .jobs-filters{flex-direction:column}.jobs .jobs-controls .jobs-filters .search-box{max-width:none}.jobs .jobs-controls .jobs-stats{justify-content:space-around}.jobs .jobs-list .job-card{padding:16px}.jobs .jobs-list .job-card .job-card-content .job-details{grid-template-columns:1fr;gap:8px}.jobs .jobs-list .job-card .job-card-content .job-details .job-detail{flex-direction:column;align-items:flex-start;gap:4px}.jobs .jobs-list .job-card .job-card-content .job-details .job-detail .detail-label{font-size:10px}.jobs .modal-overlay .modal{margin:0;max-height:calc(100vh - 48px)}.jobs .modal-overlay .modal .modal-header,.jobs .modal-overlay .modal .modal-form{padding:16px}.jobs .modal-overlay .modal .modal-form .form-grid{grid-template-columns:1fr;gap:16px}.jobs .modal-overlay .modal .modal-form .modal-actions{flex-direction:column}.jobs .modal-overlay .modal .modal-form .modal-actions .btn{width:100%;justify-content:center}}@media (max-width: 480px){.jobs .jobs-list .job-card .job-card-header .job-basic-info .job-meta{flex-direction:column;gap:4px}.jobs .jobs-list .job-card .job-card-header .job-basic-info .job-meta span:not(:last-child):after{display:none}.jobs .jobs-list .job-card .job-card-header .job-actions{width:100%;justify-content:flex-end}}.app{display:flex;height:100vh;overflow:hidden;background-color:#f5f5f5}.app-main{flex:1;display:flex;flex-direction:column;margin-left:0;transition:margin-left .3s ease;min-width:0}@media (min-width: 768px){.app-main{margin-left:250px}}.app-content{flex:1;padding:20px;overflow-y:auto;border-radius:8px 8px 0 0;margin-top:0}.app-overlay{position:fixed;inset:0;background-color:#00000080;z-index:998;opacity:0;animation:fadeIn .3s ease forwards}@media (min-width: 768px){.app-overlay{display:none}}.sidebar{position:fixed;top:0;left:0;height:100vh;width:250px;z-index:999;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto}@media (min-width: 768px){.sidebar{transform:translate(0)}}.sidebar-open{transform:translate(0)}.navbar{border-bottom:1px solid #e1e5e9;padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a;position:relative;z-index:100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 767px){.app-main{margin-left:0!important}.navbar{padding:0 16px}}.app-content::-webkit-scrollbar{width:6px}.app-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.app-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.app-content::-webkit-scrollbar-thumb:hover{background:#a1a1a1}