:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,body body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}body h1{font-size:3.2em;line-height:1.1}body button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}body button:hover{border-color:#646cff}body button:focus,body button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){body :root{color:#213547;background-color:#fff}body a:hover{color:#747bff}body button{background-color:#f9f9f9}}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{font-family:Segoe UI,sans-serif;margin:0;background:#f6faff;color:#333;line-height:1.6}header{background:linear-gradient(to right,#0a2540,#2f4f7f);color:#fff;padding:20px 20px 60px}.top-nav{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto}.logo img{height:40px}.auth-buttons{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;gap:18px;margin-left:auto;margin-top:0;margin-bottom:0}.auth-buttons a,.auth-buttons button{color:#fff;text-decoration:none;font-size:1em;background:linear-gradient(90deg,#3b7ddd 60%,#174ea6);border:none;padding:10px 22px;margin:0;border-radius:7px;transition:background .18s,color .18s,box-shadow .18s;font-weight:600;box-shadow:0 2px 10px #3b7ddd1a;letter-spacing:.02em;cursor:pointer;outline:none;display:inline-block}.auth-buttons a:hover,.auth-buttons button:hover{background:linear-gradient(90deg,#174ea6 60%,#3b7ddd);color:#fff;box-shadow:0 4px 16px #174ea621;transform:translateY(-2px) scale(1.03)}.header-content{text-align:center;margin-top:40px;max-width:700px;margin-left:auto;margin-right:auto}header h1{font-size:3em;margin-bottom:10px}header p{font-size:1.25em;opacity:.9}.container{max-width:1100px;margin:0 auto;padding:50px 20px}h2{color:#0a2540;font-size:2.2em;margin-bottom:20px;text-align:center}.section{margin-bottom:70px}.features{display:flex;flex-direction:row;flex-wrap:nowrap;gap:30px}.plans{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-content:center}.feature{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 14px #0000000f;transition:transform .2s ease}.feature:hover{transform:translateY(-4px)}.feature h3{color:#2f4f7f;margin-bottom:10px}.plans{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-content:center}.plan{background:#fff;padding:35px;border-radius:10px;box-shadow:0 4px 14px #0000000f;text-align:center;transition:all .25s ease}.plan:hover{transform:scale(1.03);box-shadow:0 8px 18px #00000014}.plan h3{margin-bottom:15px;color:#0a2540}.plan p{font-size:.95em;margin:10px 0}.btn{display:inline-block;background:linear-gradient(to right,#0a2540,#3b7ddd);color:#fff;padding:12px 28px;margin-top:20px;border-radius:6px;text-decoration:none;font-weight:700;transition:background .3s ease}.btn:hover{background:linear-gradient(to right,#3b7ddd,#0a2540)}.testimonial{background:#fff;padding:25px;border-left:5px solid #2f4f7f;margin-bottom:25px;border-radius:6px}.cta{text-align:center;background:#eef3fc;padding:70px 20px;border-radius:12px;margin-top:60px}footer{background:#0a2540;color:#fff;text-align:center;padding:40px 20px}footer p{font-size:.9em;opacity:.7}@media (max-width: 900px){.container{padding:30px 10px}.features,.plans{gap:18px}}@media (max-width: 600px){header{padding:10px 5px 30px}.top-nav{flex-direction:column;align-items:stretch;gap:10px}.logo{display:flex;justify-content:center;margin-bottom:8px}.auth-buttons{flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:0 auto 10px;width:100%}.auth-buttons a,.auth-buttons button{width:90%;text-align:center;font-size:1.1em;padding:10px 0;border-radius:6px;margin:0 auto;box-sizing:border-box}.auth-buttons a:not(:last-child),.auth-buttons button:not(:last-child){margin-bottom:6px}header h1{font-size:1.4em;margin-top:10px}.header-content{margin-top:10px;max-width:98vw;padding:0 2vw}.container{padding:12px 2vw}.section{margin-bottom:30px}.plans,.features{display:flex;flex-direction:column;gap:18px;grid-template-columns:none}.feature,.plan,.testimonial{width:100%;min-width:0;box-sizing:border-box;margin:0 auto 12px;padding:18px 10px;border-radius:10px;font-size:1em}.testimonial{padding:18px 10px;font-size:.98em}.cta{padding:20px 5px;font-size:1em;border-radius:10px;margin-top:30px}.section{margin-bottom:22px;padding:0 2vw}h2{font-size:1.3em;margin-bottom:12px}}.login-dashboard-container{max-width:400px;margin:60px auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000014;text-align:center}.login-dashboard-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.login-dashboard-form input{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.login-dashboard-form button{padding:.75rem;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s}.login-dashboard-form button:hover{background:#0056b3}.toggle-btn{background:none;border:none;color:#007bff;cursor:pointer;text-decoration:underline;font-size:1rem}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-y:auto;font-family:Segoe UI,sans-serif;background-color:#f4f6f9;color:#333;display:flex;flex-direction:column}a{text-decoration:none}.dashboard-header{background-color:#1e2a38;color:#fff;padding:20px;text-align:center}.dashboard-nav{background-color:#2f3e4e;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}.dashboard-logo{font-weight:700;font-size:1.2rem;color:#fff}.dashboard-user-actions{color:#fff}.dashboard-container{flex:1;max-width:800px;margin:20px auto;background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 12px #0000000d}.button-group{display:flex;gap:16px;margin-bottom:24px}.button-primary{background-color:#1d72b8;color:#fff;padding:12px 20px;border:none;border-radius:6px;cursor:pointer;font-size:1rem}.button-primary:hover{background-color:#155d8b}.job-list{display:flex;flex-direction:column;gap:16px}.job-card{background-color:#fafafa;border:1px solid #d3dce6;border-radius:8px;padding:16px}.job-card h3{color:#2e3b4e;margin-bottom:8px;font-size:1rem}.job-card p{color:#666;margin-bottom:6px;font-size:.9rem}.status{display:inline-block;padding:4px 8px;border-radius:4px;color:#fff;font-weight:700;font-size:.85rem}.status-pending{background-color:#f0ad4e}.status-inprocess{background-color:#0275d8}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;justify-content:center;align-items:center;padding:16px;overflow-y:auto;z-index:999}.modal-content{background:#fff;width:100%;max-width:450px;max-height:90vh;overflow-y:auto;border-radius:8px;padding:24px;position:relative}.close{position:absolute;top:16px;right:16px;font-size:24px;color:#aaa;cursor:pointer}.close:hover{color:#000}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#2e3b4e}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:.95rem}.form-group textarea{resize:vertical;min-height:60px}.inline-group{display:flex;flex-wrap:wrap;gap:12px}.inline-group label{display:flex;align-items:center;gap:6px;font-size:.95rem}.range-group{display:flex;align-items:center;gap:12px}.range-group input[type=range]{flex:1}.range-group output{width:50px;text-align:right;font-weight:700}*{box-sizing:border-box}html,body{height:100%;margin:0;display:flex;flex-direction:column;font-family:Inter,sans-serif;background-color:#f8f9fb;color:#1c1c1e}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#f8f9fb;border-bottom:1px solid #E0E0E0;flex:0 0 auto}.header-left{display:flex;flex-direction:column}.logo{height:32px}.greeting{margin-top:.5rem;font-size:1rem;font-weight:700}.header-right{position:relative}.hamburger-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#1c1c1e}.user-menu{display:none;position:absolute;top:120%;right:0;background:#fff;border:1px solid #E0E0E0;border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:160px;z-index:10}.header-right:hover .user-menu,.header-right:focus-within .user-menu{display:block}.user-menu a{display:block;padding:.5rem 1rem;font-size:.875rem;color:#1c1c1e;text-decoration:none}.user-menu a:hover{background:#f8f9fb}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;flex:1 1 auto}.quadrant{border:1px solid #E0E0E0;background:#fff;padding:1.5rem;overflow-y:auto}h2{font-family:Montserrat,sans-serif;font-weight:600;margin:0 0 1rem;font-size:1.25rem;color:#1c1c1e}.quick-order .dropdowns{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.quick-order select{width:100%;font-family:Montserrat,sans-serif;font-weight:700;text-transform:uppercase;font-size:.875rem;padding:.5rem 1rem;border:1px solid #E0E0E0;border-radius:4px;background:#fff;color:#1c1c1e;transition:border-color .2s,box-shadow .2s}.quick-order select:focus{outline:none;border-color:#175cd3;box-shadow:0 0 0 2px #175cd333}.order-button{width:100%;font-family:Montserrat,sans-serif;font-weight:700;text-transform:uppercase;font-size:.875rem;padding:.5rem 1rem;background:#34a853;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.order-button:hover{background:#2c8e46}.projects ul{list-style:none;padding:0;margin:0}.projects li{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border:1px solid #E0E0E0;border-radius:4px;margin-bottom:.75rem;transition:background .2s}.projects li:hover{background:#feebcb}.tag{font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.25rem .5rem;border-radius:4px}.in-progress{background:#feebcb;color:#1c1c1e}.completed{background:#34a853;color:#fff}.files-box p.welcome{margin:0 0 1rem;font-style:italic;color:#555}.files-box input[type=file]{font-family:Inter,sans-serif;font-size:.9rem;margin-bottom:1rem}.files-list{list-style:none;padding:0;margin:0}.files-list li{padding:.5rem;border:1px solid #E0E0E0;border-radius:4px;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center;transition:background .2s}.files-list li:hover{background:#f8f9fb}.purchase-list{list-style:none;padding:0;margin:0}.purchase-list li{padding:.75rem 1rem;border:1px solid #E0E0E0;border-radius:4px;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center;transition:transform .1s,box-shadow .1s}.purchase-list li:hover{transform:translateY(-2px);box-shadow:0 2px 6px #0000000d}.manage-btn{font-family:Montserrat,sans-serif;font-weight:700;text-transform:uppercase;font-size:.75rem;padding:.25rem .5rem;background:#175cd3;color:#fff;border:none;border-radius:4px;text-decoration:none}