*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}.page-container{min-height:100vh;background-color:#f5f7fa}.card{background:#fff;border-radius:8px;padding:16px;margin-bottom:12px}.progress-bar{height:8px;background:#ebedf0;border-radius:4px;overflow:hidden}.progress-bar-inner{height:100%;background:linear-gradient(90deg,#1989fa,#07c160);border-radius:4px;transition:width .3s ease}.status-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px}.status-pending{background:#fff3e0;color:#ff9800}.status-progress{background:#e3f2fd;color:#2196f3}.status-completed{background:#e8f5e9;color:#4caf50}.status-delayed{background:#ffebee;color:#f44336}.status-delayed-completed{background:#fff3e0;color:#ff9800}@media (min-width: 768px){.desktop-layout{display:flex;min-height:100vh}.desktop-sidebar{width:240px;background:#fff;border-right:1px solid #ebedf0;flex-shrink:0}.desktop-main{flex:1;padding:24px;overflow-y:auto}}