@import url("https://fonts.googleapis.com/css2?family=Satoshi:wght@300;400;500;600;700;900&display=swap");:root{--color-primary-25:#FFFBF5;--color-primary-50:#FFF7ED;--color-primary-100:#FFEDD5;--color-primary-200:#FED7AA;--color-primary-300:#FDBA74;--color-primary-400:#FB923C;--color-primary-500:#F97316;--color-primary-600:#EA580C;--color-primary-700:#C2410C;--color-primary-800:#9A3412;--color-primary-900:#7C2D12;--color-secondary-50:#FAFAF9;--color-secondary-100:#F5F5F4;--color-secondary-200:#E7E5E4;--color-secondary-300:#D6D3D1;--color-secondary-400:#A8A29E;--color-secondary-500:#78716C;--color-secondary-600:#57534E;--color-secondary-700:#44403C;--color-secondary-800:#292524;--color-secondary-900:#1C1917;--color-success-50:#ECFDF5;--color-success-100:#D1FAE5;--color-success-500:#10B981;--color-success-600:#059669;--color-success-700:#047857;--color-error-50:#FEF2F2;--color-error-100:#FEE2E2;--color-error-500:#EF4444;--color-error-600:#DC2626;--color-error-700:#B91C1C;--color-warning-50:#FFFBEB;--color-warning-100:#FEF3C7;--color-warning-500:#F59E0B;--color-warning-600:#D97706;--color-warning-700:#B45309;--color-neutral-50:#FAFAFA;--color-neutral-100:#F5F5F5;--color-neutral-200:#E5E5E5;--color-neutral-300:#D4D4D4;--color-neutral-400:#A3A3A3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--gradient-primary:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));--gradient-primary-light:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));--gradient-secondary:linear-gradient(135deg,var(--color-secondary-100),var(--color-secondary-200));--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px rgba(0,0,0,0.05),0 2px 4px rgba(0,0,0,0.04);--shadow-lg:0 10px 15px rgba(0,0,0,0.08),0 4px 6px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04);--shadow-primary:0 4px 12px rgba(249,115,22,0.25);--shadow-primary-hover:0 6px 20px rgba(249,115,22,0.35);--shadow-subtle:var(--shadow-sm);--shadow-medium:var(--shadow-md);--shadow-large:var(--shadow-lg)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;font-family:Satoshi,sans-serif}body{color:#1C1917;background:#FAFAFA}a{color:inherit}.btn,a{text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Satoshi,sans-serif;font-weight:600;font-size:.875rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.025em}.btn-primary{background:linear-gradient(135deg,#F97316,#EA580C);color:white;box-shadow:var(--shadow-primary)}.btn-primary:hover{background:linear-gradient(135deg,#EA580C,#C2410C);transform:translateY(-1px);box-shadow:var(--shadow-primary-hover)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-primary)}.btn-secondary{background:white;color:#F97316;border:2px solid #f97316;box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:#F97316;color:white;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-outline{background:transparent;color:#525252;border:2px solid #e5e5e5}.btn-outline:hover{background:#F5F5F5;border-color:#D4D4D4;transform:translateY(-1px);box-shadow:var(--shadow-xs)}.btn-outline:active{transform:translateY(0);box-shadow:none}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.card{background:white;border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--color-neutral-300)}.card-header{margin-bottom:1rem}.card-title{font-weight:600;font-size:1.25rem;color:#1C1917;margin-bottom:.5rem}.card-description,.card-title{font-family:Satoshi,sans-serif}.card-description{color:#78716C;line-height:1.6}.text-display-xl{font-weight:900;font-size:4.5rem}.text-display-lg,.text-display-xl{font-family:Satoshi,sans-serif;line-height:1.1;color:#1C1917}.text-display-lg{font-weight:700;font-size:3.75rem}.text-heading-xl{font-size:3rem}.text-heading-lg,.text-heading-xl{font-family:Satoshi,sans-serif;font-weight:700;line-height:1.2;color:#1C1917}.text-heading-lg{font-size:2.25rem}.text-heading-md{font-size:1.5rem}.text-heading-md,.text-heading-sm{font-family:Satoshi,sans-serif;font-weight:600;line-height:1.3;color:#1C1917}.text-heading-sm{font-size:1.25rem}.text-body-lg{font-size:1.125rem}.text-body-lg,.text-body-md{font-family:Satoshi,sans-serif;font-weight:400;line-height:1.6;color:#44403C}.text-body-md{font-size:1rem}.text-body-sm{font-family:Satoshi,sans-serif;font-weight:400;font-size:.875rem;line-height:1.5;color:#44403C}.text-orange-500{color:#F97316}.text-orange-600{color:#EA580C}.text-orange-700{color:#C2410C}.text-blue-500{color:#3B82F6}.text-blue-600{color:#2563EB}.text-neutral-400{color:#A3A3A3}.text-neutral-600{color:#525252}.text-neutral-800{color:#262626}.bg-orange-50{background-color:#FFF7ED}.bg-orange-100{background-color:#FFEDD5}.bg-orange-500{background-color:#F97316}.bg-orange-600{background-color:#EA580C}.bg-blue-50{background-color:#EFF6FF}.bg-blue-500{background-color:#3B82F6}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.form-input{width:100%;padding:.75rem 1rem;font-family:Satoshi,sans-serif;font-size:1rem;border:2px solid #e5e5e5;border-radius:8px;background:#FAFAFA;transition:all .3s ease;outline:none}.form-input:focus{border-color:#F97316;background:white;box-shadow:0 0 0 3px rgba(249,115,22,.1)}.form-label{display:block;font-family:Satoshi,sans-serif;font-weight:600;font-size:.875rem;color:#1C1917;margin-bottom:.5rem}@media (max-width:768px){.container{padding:0 1rem}.text-display-xl{font-size:3rem}.text-display-lg{font-size:2.5rem}.text-heading-xl{font-size:2rem}.text-heading-lg{font-size:1.75rem}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sidebar{position:fixed;left:0;top:0;height:100vh;width:260px;background:linear-gradient(180deg,#FFFFFF,#FAFAFA);border-right:1px solid #e5e5e5;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:2px 0 8px rgba(0,0,0,.04)}.sidebar.collapsed{width:72px}.sidebar-header{padding:1.5rem 1rem;justify-content:space-between;border-bottom:1px solid #f5f5f4;min-height:72px}.sidebar-header,.sidebar-logo{display:flex;align-items:center}.sidebar-logo{gap:.75rem;flex:1 1;overflow:hidden}.logo-icon{width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F97316,#EA580C);border-radius:10px;color:white;box-shadow:0 4px 12px rgba(249,115,22,.3)}.logo-icon svg{width:20px;height:20px}.logo-text{font-family:Satoshi,sans-serif;font-weight:700;font-size:1.25rem;color:#1C1917;white-space:nowrap;letter-spacing:-.02em}.sidebar-toggle{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#78716C;transition:all .2s ease}.sidebar-toggle:hover{background:#FFF7ED;color:#F97316}.sidebar-toggle svg{width:18px;height:18px}.sidebar-nav{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:1rem 0}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#E5E5E5;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#D4D4D4}.sidebar-menu{list-style:none;padding:0;margin:0}.menu-item{margin:.25rem 0}.menu-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:0 .5rem;font-family:Satoshi,sans-serif;font-weight:500;font-size:.9375rem;color:#44403C;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;width:calc(100% - 1rem);text-align:left;position:relative}.menu-link:hover{background:#FFF7ED;color:#F97316}.menu-link.active{background:linear-gradient(135deg,#F97316,#EA580C);color:white;box-shadow:0 4px 12px rgba(249,115,22,.3)}.menu-link.active .menu-icon{color:white}.menu-icon{width:20px;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;color:#78716C;transition:color .2s ease}.menu-link.active .menu-icon,.menu-link:hover .menu-icon{color:inherit}.menu-icon svg{width:20px;height:20px}.menu-label{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-parent{position:relative}.menu-arrow{min-width:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.menu-arrow,.menu-arrow svg{width:16px;height:16px}.menu-parent.expanded .menu-arrow{transform:rotate(180deg)}.submenu{list-style:none;padding:.25rem 0 .5rem;margin:0;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.submenu-item{margin:.125rem 0}.submenu-link{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem .625rem 3rem;margin:0 .5rem;font-family:Satoshi,sans-serif;font-weight:400;font-size:.875rem;color:#57534E;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;width:calc(100% - 1rem);text-align:left;position:relative}.submenu-link:hover{background:#FFF7ED;color:#F97316}.submenu-link.active{background:linear-gradient(135deg,#F97316,#EA580C);color:white;font-weight:500;box-shadow:0 2px 8px rgba(249,115,22,.25)}.submenu-dot{width:6px;height:6px;min-width:6px;border-radius:50%;background:#D6D3D1;transition:all .2s ease}.submenu-link:hover .submenu-dot{background:#F97316;transform:scale(1.3)}.submenu-link.active .submenu-dot{background:white;transform:scale(1.5)}.submenu-label{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{border-top:1px solid #f5f5f4;padding:1rem 0;margin-top:auto}.sidebar-divider{height:1px;background:#F5F5F4;margin:0 1rem 1rem}.footer-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:.25rem .5rem;font-family:Satoshi,sans-serif;font-weight:500;font-size:.9375rem;color:#44403C;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;width:calc(100% - 1rem);text-align:left}.footer-item:hover{background:#FFF7ED;color:#F97316}.footer-icon{width:20px;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;color:#78716C;transition:color .2s ease}.footer-item:hover .footer-icon{color:#F97316}.footer-icon svg{width:20px;height:20px}.footer-label{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-item{cursor:default}.profile-item:hover{background:#FFF7ED}.profile-info{flex:1 1;overflow:hidden}.profile-name{font-size:.875rem}.profile-email,.profile-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-email{font-weight:400;font-size:.75rem;color:#78716C}.logout-item:hover{background:#FEF2F2;color:#DC2626}.logout-item:hover .footer-icon{color:#DC2626}.sidebar.collapsed .sidebar-header{justify-content:center;padding:1.5rem .5rem}.sidebar.collapsed .sidebar-logo{display:none}.sidebar.collapsed .sidebar-toggle{margin-left:auto;margin-right:auto}.sidebar.collapsed .footer-item,.sidebar.collapsed .menu-link{justify-content:center;padding:.75rem}.sidebar.collapsed .footer-icon,.sidebar.collapsed .menu-icon{margin:0}.sidebar.collapsed .footer-item,.sidebar.collapsed .menu-link{position:relative}.sidebar.collapsed .footer-item:after,.sidebar.collapsed .menu-link:after{content:attr(title);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#1C1917;color:white;padding:.5rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1001;box-shadow:0 4px 12px rgba(0,0,0,.15)}.sidebar.collapsed .footer-item:hover:after,.sidebar.collapsed .menu-link:hover:after{opacity:1}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.collapsed{transform:translateX(0);width:72px}}@media (max-width:768px){.sidebar{width:100%;max-width:260px}.sidebar.collapsed{width:0;overflow:hidden}}@media print{.sidebar{display:none}}.top-navbar{position:fixed;top:0;right:0;left:260px;height:70px;background:linear-gradient(180deg,#FFFFFF,#FAFAFA);border-bottom:1px solid #e5e5e5;display:flex;align-items:center;z-index:999;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.04)}.app-layout .sidebar.collapsed~* .top-navbar,.sidebar.collapsed~.top-navbar{left:72px}.navbar-container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 2rem;gap:2rem}.navbar-left{flex:1 1;min-width:0}.page-title-section{display:flex;flex-direction:column;gap:.25rem}.page-title{font-family:Satoshi,sans-serif;font-weight:700;font-size:1.5rem;color:#1C1917;margin:0;line-height:1.2}.breadcrumbs{flex-wrap:wrap}.breadcrumb-item,.breadcrumbs{display:flex;align-items:center;gap:.5rem}.breadcrumb-link{font-family:Satoshi,sans-serif;font-size:.875rem;font-weight:500;color:#78716C;background:transparent;border:none;cursor:pointer;padding:0;transition:color .2s ease}.breadcrumb-link:hover{color:#F97316}.breadcrumb-text{font-family:Satoshi,sans-serif;font-size:.875rem;font-weight:500;color:#44403C}.breadcrumb-separator{color:#D6D3D1}.navbar-right{gap:1rem}.navbar-right,.navbar-time{display:flex;align-items:center}.navbar-time{gap:.5rem;padding:.5rem 1rem;background:#FFF7ED;border-radius:8px;color:#78716C;font-family:Satoshi,sans-serif;font-size:.875rem;font-weight:500}.navbar-time svg{color:#F97316}.navbar-icon-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:10px;cursor:pointer;color:#78716C;transition:all .2s ease}.navbar-icon-btn:hover{background:#FFF7ED;color:#F97316}.notification-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F97316,#EA580C);color:white;font-family:Satoshi,sans-serif;font-size:.625rem;font-weight:600;border-radius:9px;padding:0 4px;box-shadow:0 2px 4px rgba(249,115,22,.3)}.navbar-divider{width:1px;height:32px;background:#E5E5E5}.navbar-profile{position:relative}.profile-button{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:background .2s ease}.profile-button:hover{background:#FFF7ED}.profile-avatar{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F97316,#EA580C);color:white;font-family:Satoshi,sans-serif;font-weight:700;font-size:1rem;border-radius:10px;box-shadow:0 2px 8px rgba(249,115,22,.3)}.profile-info{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.profile-name{font-weight:600;font-size:.9375rem;color:#1C1917}.profile-name,.profile-role{font-family:Satoshi,sans-serif;line-height:1}.profile-role{font-weight:400;font-size:.75rem;color:#78716C}.profile-chevron{color:#78716C;transition:transform .2s ease}.profile-button:hover .profile-chevron{transform:translateY(2px)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:white;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.1);padding:.75rem;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:.75rem;padding:.75rem}.dropdown-avatar{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F97316,#EA580C);color:white;font-family:Satoshi,sans-serif;font-weight:700;font-size:1.25rem;border-radius:12px;box-shadow:0 4px 12px rgba(249,115,22,.3)}.dropdown-user-info{display:flex;flex-direction:column;gap:.25rem;flex:1 1;overflow:hidden}.dropdown-name{font-weight:600;font-size:1rem;color:#1C1917}.dropdown-email,.dropdown-name{font-family:Satoshi,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-email{font-weight:400;font-size:.8125rem;color:#78716C}.dropdown-divider{height:1px;background:#F5F5F4;margin:.5rem 0}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:transparent;border:none;border-radius:8px;cursor:pointer;font-family:Satoshi,sans-serif;font-weight:500;font-size:.9375rem;color:#44403C;text-align:left;transition:all .2s ease}.dropdown-item:hover{background:#FFF7ED;color:#F97316}.dropdown-item svg{color:#78716C;transition:color .2s ease}.dropdown-item:hover svg{color:#F97316}.logout-dropdown-item:hover{background:#FEF2F2;color:#DC2626}.logout-dropdown-item:hover svg{color:#DC2626}@media (max-width:1024px){.top-navbar{left:72px}.navbar-container{padding:0 1.5rem}.navbar-time{display:none}}@media (max-width:768px){.top-navbar{left:0;height:60px}.navbar-container{padding:0 1rem;gap:1rem}.page-title{font-size:1.25rem}.breadcrumbs,.profile-info{display:none}.profile-button{padding:.5rem}.navbar-divider{display:none}}@media print{.top-navbar{display:none}}.app-layout{display:flex;min-height:100vh;background:#FAFAFA;overflow-x:hidden}.app-main-content{flex:1 1;margin-left:260px;margin-top:70px;min-height:calc(100vh - 70px);transition:margin-left .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.sidebar.collapsed~.app-main-content{margin-left:72px}@media (max-width:1024px){.app-main-content{margin-left:72px}}@media (max-width:768px){.app-main-content{margin-left:0;margin-top:60px;min-height:calc(100vh - 60px)}}@media print{.app-main-content{margin-left:0;margin-top:0}}