@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply bg-gray-50 text-gray-900;}}.sidebar[data-v-73f2b49e]{position:fixed;left:0;top:70px;height:calc(100vh - 70px);width:250px;background:#fff;color:#333;z-index:1000;border-right:1px solid #e0e0e0;transition:transform .3s ease;overflow:hidden}.sidebar.collapsed[data-v-73f2b49e]{transform:translate(-250px)}.sidebar-content[data-v-73f2b49e]{padding:1.5rem 0;height:100%;overflow-y:auto}.sidebar-header[data-v-73f2b49e]{padding:0 1.5rem 1.5rem;border-bottom:1px solid #e8e8e8;margin-bottom:1rem}.sidebar-header h2[data-v-73f2b49e]{color:#333;font-size:1.3rem;font-weight:600;margin:0}.sidebar-nav[data-v-73f2b49e]{display:flex;flex-direction:column;gap:.2rem;padding:0 .8rem}.sidebar-link[data-v-73f2b49e]{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;color:#555;text-decoration:none;border-radius:6px;transition:all .2s;font-weight:400;font-size:.95rem}.sidebar-link[data-v-73f2b49e]:hover{background:#f0f0f0;color:#333}.sidebar-link.router-link-active[data-v-73f2b49e]{background:#e8e8e8;color:#000;font-weight:500}.sidebar-link .icon[data-v-73f2b49e]{min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.sidebar-link .icon svg[data-v-73f2b49e]{width:20px;height:20px;stroke:currentColor}.sidebar-link .label[data-v-73f2b49e]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-content[data-v-73f2b49e]::-webkit-scrollbar{width:4px}.sidebar-content[data-v-73f2b49e]::-webkit-scrollbar-track{background:transparent}.sidebar-content[data-v-73f2b49e]::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:2px}.sidebar-content[data-v-73f2b49e]::-webkit-scrollbar-thumb:hover{background:#b0b0b0}@media(max-width:768px){.sidebar[data-v-73f2b49e]{top:56px;height:calc(100vh - 56px);width:260px;z-index:1000;box-shadow:4px 0 16px #00000026}.sidebar.collapsed[data-v-73f2b49e]{transform:translate(-260px)}.sidebar-link .label[data-v-73f2b49e]{display:inline}.sidebar-link[data-v-73f2b49e]{justify-content:flex-start}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f5f5;color:#333}.app-container{min-height:100vh;display:flex}.top-navbar{position:fixed;top:0;left:0;right:0;height:70px;background:#fff;border-bottom:1px solid #e0e0e0;z-index:1100;box-shadow:0 2px 4px #0000000d}.navbar-content{height:100%;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.navbar-left{display:flex;align-items:center;gap:1rem}.bulog-logo{height:45px;width:auto;object-fit:contain}.sijagatani-logo{height:53px;width:auto;object-fit:contain}.app-title{font-size:1.3rem;font-weight:700;color:#2c3e50;margin:0;line-height:1.3}.navbar-right{display:flex;align-items:center;gap:1rem}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-name{font-size:.9rem;color:#2c3e50;font-weight:600}.user-role{font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:600}.role-superadmin{background:#e3f2fd;color:#1976d2}.role-admin{background:#f3e5f5;color:#7b1fa2}.role-lapangan{background:#e8f5e9;color:#388e3c}.role-penggilingan{background:#fff3e0;color:#f57c00}.role-user{background:#f3e5f5;color:#7b1fa2}.btn-logout{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-icon{width:17px;height:17px;flex-shrink:0}.btn-logout:hover{background:#c82333;transform:translateY(-1px)}.btn-toggle-sidebar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#2c3e50;transition:background .2s;flex-shrink:0}.btn-toggle-sidebar:hover{background:#f0f0f0}.navbar-subtitle{font-size:.9rem;color:#666;font-weight:500}.mobile-backdrop{display:none}.main-wrapper{flex:1;margin-left:250px;margin-top:70px;min-height:calc(100vh - 70px);display:flex;flex-direction:column;transition:margin-left .3s ease;background:#f5f5f5}.main-wrapper.sidebar-closed{margin-left:0}.app-main{flex:1;padding:1.5rem;width:100%}@media(max-width:768px){.top-navbar{height:56px}.navbar-content{padding:0 .8rem}.sijagatani-logo{height:36px}.app-title,.user-name,.logout-text{display:none}.btn-logout{padding:8px 10px}.main-wrapper,.main-wrapper.sidebar-closed{margin-left:0;margin-top:56px;min-height:calc(100vh - 56px)}.mobile-backdrop{display:block;position:fixed;inset:0;background:#00000073;z-index:999}.app-main{padding:.8rem}}@media(max-width:480px){.sijagatani-logo{height:30px}.app-main{padding:.6rem}}.home-view[data-v-c1bfbb7d]{width:100%;max-width:100%}.hero-section[data-v-c1bfbb7d]{text-align:center;padding:3rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem}.hero-section h1[data-v-c1bfbb7d]{font-size:2.5rem;margin-bottom:1rem;color:#2e7d32}.subtitle[data-v-c1bfbb7d]{font-size:1.2rem;color:#666;margin-bottom:3rem}.features[data-v-c1bfbb7d]{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem;max-width:1000px;margin-left:auto;margin-right:auto}.feature-card[data-v-c1bfbb7d]{background:#f8f9fa;padding:2rem;border-radius:10px;text-align:center;transition:transform .3s,box-shadow .3s}.feature-card[data-v-c1bfbb7d]:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.icon[data-v-c1bfbb7d]{font-size:4rem;margin-bottom:1rem}.feature-card h3[data-v-c1bfbb7d]{margin-bottom:.5rem;color:#333}.feature-card p[data-v-c1bfbb7d]{color:#666;margin-bottom:1.5rem}.btn-feature[data-v-c1bfbb7d]{display:inline-block;padding:.75rem 2rem;background:#4caf50;color:#fff;text-decoration:none;border-radius:5px;font-weight:500;transition:background .3s}.btn-feature[data-v-c1bfbb7d]:hover{background:#388e3c}.stats-section[data-v-c1bfbb7d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-c1bfbb7d]{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 4px 6px #0000001a}.stat-number[data-v-c1bfbb7d]{font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-label[data-v-c1bfbb7d]{font-size:1rem;opacity:.95}.info-section[data-v-c1bfbb7d]{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.info-section h2[data-v-c1bfbb7d]{margin-bottom:1.5rem;text-align:center}.feature-list[data-v-c1bfbb7d]{list-style:none;padding:0}.feature-list li[data-v-c1bfbb7d]{padding:.75rem 0;font-size:1.1rem;color:#555;border-bottom:1px solid #eee}.feature-list li[data-v-c1bfbb7d]:last-child{border-bottom:none}@media(max-width:992px){.home-view[data-v-c1bfbb7d]{padding:0 10px}.features[data-v-c1bfbb7d],.stats-section[data-v-c1bfbb7d]{grid-template-columns:1fr}}@media(max-width:768px){.hero-section[data-v-c1bfbb7d]{padding:2rem 1rem}.hero-section h1[data-v-c1bfbb7d]{font-size:1.8rem}.subtitle[data-v-c1bfbb7d]{font-size:1rem;margin-bottom:2rem}.features[data-v-c1bfbb7d]{gap:1rem}.feature-card[data-v-c1bfbb7d]{padding:1.5rem}.icon[data-v-c1bfbb7d]{font-size:3rem}.stat-card[data-v-c1bfbb7d]{padding:1.5rem}.stat-number[data-v-c1bfbb7d]{font-size:2.5rem}.info-section[data-v-c1bfbb7d]{padding:1.5rem}.feature-list li[data-v-c1bfbb7d]{font-size:1rem}}@media(max-width:480px){.hero-section h1[data-v-c1bfbb7d]{font-size:1.5rem}.subtitle[data-v-c1bfbb7d]{font-size:.9rem}.icon[data-v-c1bfbb7d]{font-size:2.5rem}.feature-card h3[data-v-c1bfbb7d]{font-size:1.2rem}.feature-card p[data-v-c1bfbb7d]{font-size:.9rem}.btn-feature[data-v-c1bfbb7d]{padding:.6rem 1.5rem;font-size:.9rem}.stat-number[data-v-c1bfbb7d]{font-size:2rem}.stat-label[data-v-c1bfbb7d]{font-size:.9rem}}.icon-inline[data-v-c1bfbb7d]{width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:8px}.feature-card .icon svg[data-v-c1bfbb7d]{width:48px;height:48px;stroke:#4caf50}.feature-list li svg[data-v-c1bfbb7d]{width:18px;height:18px;stroke:#4caf50;margin-right:8px}