/* Ship Work v3.2 - Clean & Professional CSS */
*{box-sizing:border-box;margin:0;padding:0}
:root{
    --primary:#003249;
    --accent:#DDB467;
    --success:#14a800;
    --warning:#f59e0b;
    --danger:#d93025;
    --gray:#5e6d55;
    --light:#f7f7f7;
    --white:#fff;
    --border:#d5e0d5;
    --shadow:0 1px 3px rgba(0,50,73,.1);
    --shadow-md:0 2px 8px rgba(0,50,73,.12);
    --shadow-lg:0 4px 16px rgba(0,50,73,.15);
    --radius:8px;
    --transition:all 0.2s ease;
}
body{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;
    color:var(--primary);
    line-height:1.6;
    background:#fff;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

/* Utilities */
.sw-container{max-width:1200px;margin:0 auto;padding:0 20px}
.req{color:var(--danger)}
hr{border:none;border-top:1px solid #e2e8f0;margin:24px 0}

/* Top Navigation */
.sw-top-nav{
    background:var(--white);
    border-bottom:1px solid var(--border);
    box-shadow:var(--shadow);
    position:relative;
    z-index:1000;
    margin-bottom:0
}
.sw-nav-container{
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:70px
}
.sw-nav-brand{
    display:flex;
    align-items:center;
    gap:10px
}
.sw-nav-brand a{
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:var(--primary);
    font-weight:600;
    font-size:20px;
    transition:var(--transition)
}
.sw-nav-brand a:hover{
    color:var(--accent)
}
.sw-nav-logo{
    font-size:28px
}
.sw-nav-title{
    font-size:20px
}
.sw-nav-menu{
    display:flex;
    align-items:center;
    gap:20px
}
.sw-nav-link{
    display:flex;
    align-items:center;
    gap:6px;
    padding:8px 16px;
    color:var(--gray);
    text-decoration:none;
    font-size:15px;
    border-radius:var(--radius);
    transition:var(--transition);
    white-space:nowrap
}
.sw-nav-link:hover{
    background:var(--light);
    color:var(--primary)
}
.sw-nav-link i{
    font-size:14px
}
.sw-nav-user{
    position:relative;
    padding-right:24px
}
.sw-nav-user i.fa-chevron-down{
    position:absolute;
    right:8px;
    font-size:11px;
    transition:transform 0.2s
}
.sw-nav-dropdown{
    position:relative
}
.sw-nav-dropdown:hover .sw-nav-dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
.sw-nav-dropdown:hover .sw-nav-user i.fa-chevron-down{
    transform:rotate(180deg)
}
.sw-nav-dropdown-menu{
    position:absolute;
    top:100%;
    right:0;
    background:var(--white);
    border:1px solid var(--border);
    border-radius:var(--radius);
    box-shadow:var(--shadow-md);
    min-width:200px;
    margin-top:8px;
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    transition:all 0.2s ease;
    z-index:1001
}
.sw-nav-dropdown-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 16px;
    color:var(--gray);
    text-decoration:none;
    font-size:14px;
    transition:var(--transition);
    border-bottom:1px solid var(--border)
}
.sw-nav-dropdown-item:last-child{
    border-bottom:none
}
.sw-nav-dropdown-item:hover{
    background:var(--light);
    color:var(--primary)
}
.sw-nav-dropdown-item i{
    width:18px;
    text-align:center;
    font-size:14px
}
.sw-nav-toggle{
    display:none;
    flex-direction:column;
    gap:4px;
    background:none;
    border:none;
    cursor:pointer;
    padding:8px
}
.sw-nav-toggle span{
    width:24px;
    height:2px;
    background:var(--primary);
    transition:var(--transition)
}

/* Alerts */
.sw-alert{padding:16px 20px;border-radius:var(--radius);margin-bottom:20px;font-size:14px}
.sw-alert-success{background:#dcfce7;color:#166534;border:1px solid #86efac}
.sw-alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}
.sw-alert-info{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}

/* Buttons */
.sw-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 20px;
    font-size:15px;
    font-weight:500;
    border-radius:var(--radius);
    border:none;
    cursor:pointer;
    text-decoration:none;
    transition:var(--transition);
}
.sw-btn-primary{
    background:var(--accent);
    color:var(--primary);
    border:1px solid var(--accent);
}
.sw-btn-primary:hover{
    background:#c9a255;
    border-color:#c9a255;
    color:var(--primary);
}
.sw-btn-light{
    background:var(--white);
    color:var(--primary);
    border:1px solid var(--border);
}
.sw-btn-light:hover{
    border-color:var(--primary);
}
.sw-btn-danger{
    background:var(--danger);
    color:var(--white);
}
.sw-btn-danger:hover{
    background:#c02819;
}
.sw-btn-sm{padding:6px 14px;font-size:14px}
.sw-btn-lg{padding:14px 28px;font-size:16px}
.sw-btn-block{width:100%;display:flex;justify-content:center}

/* Forms */
.sw-form-group{margin-bottom:20px}
.sw-form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:var(--primary)}
.sw-form-group input,.sw-form-group select,.sw-form-group textarea{
    width:100%;
    padding:10px 14px;
    font-size:15px;
    border:1px solid var(--border);
    border-radius:var(--radius);
    background:var(--white);
    transition:var(--transition);
    font-family:inherit;
}
.sw-form-group input:focus,.sw-form-group select:focus,.sw-form-group textarea:focus{
    outline:none;
    border-color:var(--primary);
}
.sw-form-group textarea{resize:vertical;min-height:100px}
.sw-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sw-row-3{grid-template-columns:repeat(3,1fr)}
.sw-input-row{display:flex;gap:10px}
.sw-input-row input{flex:1}

/* Checkbox & Radio */
.sw-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}
.sw-checkbox input{width:18px;height:18px;accent-color:var(--accent)}
.sw-checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sw-radio-group{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sw-radio-card{cursor:pointer}
.sw-radio-card input{display:none}
.sw-radio-card span{display:flex;flex-direction:column;align-items:center;padding:20px;border:2px solid #e2e8f0;border-radius:var(--radius);text-align:center;transition:all .2s}
.sw-radio-card input:checked+span{border-color:var(--accent);background:rgba(59,130,246,.05)}

/* Auth Pages */
.sw-auth{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px 20px;
    background:var(--light);
}
.sw-auth-box{
    background:var(--white);
    border-radius:var(--radius);
    box-shadow:var(--shadow-md);
    border:1px solid var(--border);
    padding:40px;
    width:100%;
    max-width:440px;
}
.sw-auth-wide{max-width:560px}
.sw-auth-header{text-align:center;margin-bottom:32px}
.sw-auth-header h1{
    font-size:28px;
    margin-bottom:8px;
    color:var(--primary);
    font-weight:600;
}
.sw-auth-header p{color:var(--gray);font-size:15px}
.sw-auth-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--border);color:var(--gray);font-size:14px}
.sw-auth-footer a{color:var(--accent);font-weight:500;transition:var(--transition);text-decoration:none}
.sw-auth-footer a:hover{color:var(--primary)}

/* Dashboard */
.sw-dashboard{display:flex;min-height:100vh;background:var(--light)}
.sw-sidebar{width:260px;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column}
.sw-sidebar-header{padding:24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}
.sw-avatar{
    width:48px;
    height:48px;
    border-radius:50%;
    background:var(--accent);
    color:var(--primary);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:18px;
}
.sw-sidebar-header strong{display:block;font-size:16px}
.sw-sidebar-header small{color:var(--gray);font-size:13px}
.sw-nav{flex:1;padding:16px 0}
.sw-nav a{display:flex;align-items:center;gap:10px;padding:12px 24px;color:var(--gray);text-decoration:none;font-size:15px;transition:var(--transition);border-left:3px solid transparent}
.sw-nav a i{width:20px;text-align:center;font-size:16px}
.sw-nav a:hover{background:var(--light);color:var(--primary)}
.sw-nav a.active{background:var(--light);color:var(--primary);font-weight:500;border-left-color:var(--accent)}
.sw-main{flex:1;padding:32px;overflow-y:auto;background:var(--light)}
.sw-main h1{font-size:24px;margin-bottom:24px;font-weight:600;color:var(--primary)}

/* Stats */
.sw-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}
.sw-stat{
    background:var(--white);
    border-radius:var(--radius);
    padding:24px;
    text-align:center;
    border:1px solid var(--border);
    transition:var(--transition);
}
.sw-stat:hover{
    box-shadow:var(--shadow-md);
}
.sw-stat h3{
    font-size:36px;
    margin-bottom:4px;
    color:var(--primary);
    font-weight:600;
}
.sw-stat p{
    color:var(--gray);
    font-size:13px;
    font-weight:400;
}

/* CTA */
.sw-cta{
    background:var(--white);
    border-radius:var(--radius);
    padding:32px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:1px solid var(--border);
}
.sw-cta h3{font-size:20px;margin-bottom:4px;font-weight:600;color:var(--primary)}
.sw-cta p{color:var(--gray);font-size:15px}

/* Cards */
.sw-card{background:var(--white);border-radius:var(--radius);padding:24px;margin-bottom:24px;border:1px solid var(--border)}
.sw-card h3{font-size:16px;font-weight:600;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}

/* Job Cards */
.sw-job-list{display:flex;flex-direction:column;gap:20px}
.sw-job-card{
    background:var(--white);
    border-radius:var(--radius);
    padding:24px;
    border:1px solid var(--border);
    transition:var(--transition);
}
.sw-job-card:hover{
    box-shadow:var(--shadow-md);
    border-color:var(--primary);
}
.sw-job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.sw-job-header h3{font-size:18px;margin:0;font-weight:600}
.sw-job-header h3 a{color:var(--primary);text-decoration:none;transition:var(--transition)}
.sw-job-header h3 a:hover{color:var(--accent)}
.sw-budget{color:var(--success);font-weight:600;font-size:16px}
.sw-job-meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--gray);font-size:14px;margin-bottom:16px}
.sw-job-meta i{margin-right:4px;color:var(--accent)}
.sw-job-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:var(--gray)}
.sw-actions{display:flex;gap:8px}

/* Badges */
.sw-badge{display:inline-block;padding:4px 12px;font-size:12px;font-weight:600;border-radius:20px}
.sw-badge-open{background:#dcfce7;color:#166534}
.sw-badge-closed{background:#e2e8f0;color:#475569}
.sw-badge-pending{background:#fef3c7;color:#92400e}
.sw-badge-accepted{background:#dcfce7;color:#166534}
.sw-badge-rejected{background:#fee2e2;color:#991b1b}
.sw-badge-reviewed,.sw-badge-shortlisted{background:#dbeafe;color:#1e40af}

/* Tags */
.sw-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.sw-tag{display:inline-block;padding:6px 12px;font-size:12px;background:var(--light);color:var(--gray);border-radius:6px}

/* Empty State */
.sw-empty{text-align:center;padding:60px 20px;background:var(--white);border-radius:var(--radius)}
.sw-empty h3{margin-bottom:8px}
.sw-empty p{color:var(--gray);margin-bottom:24px}

/* Jobs Page */
.sw-jobs-page{background:var(--light);min-height:100vh}
.sw-hero{
    background:var(--primary);
    padding:60px 20px;
    color:var(--white);
    text-align:center;
    margin-bottom:40px;
    border-bottom:4px solid var(--accent);
}
.sw-hero h1{
    font-size:36px;
    margin-bottom:8px;
    font-weight:600;
    color:#fff;
}
.sw-hero p{font-size:16px;opacity:.9;color:#fff;margin-bottom:0}
.sw-jobs-layout{display:flex;gap:32px;padding-bottom:60px}
.sw-filters{width:280px;flex-shrink:0}
.sw-filters form{
    background:var(--white);
    border-radius:var(--radius);
    padding:24px;
    border:1px solid var(--border);
    position:sticky;
    top:20px;
}
.sw-filters .sw-btn{margin-top:8px}
.sw-jobs-list{flex:1}
.sw-count{color:var(--gray);margin-bottom:16px;font-size:14px}

/* Breadcrumbs */
.sw-breadcrumbs{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:16px;
    padding:12px 0;
    font-size:14px;
    color:var(--gray)
}
.sw-breadcrumbs a{
    color:var(--primary);
    text-decoration:none;
    transition:var(--transition)
}
.sw-breadcrumbs a:hover{
    color:var(--accent)
}
.sw-breadcrumbs span:not(:last-child){
    color:var(--gray)
}

/* Single Job */
.sw-single-job{background:var(--light);min-height:100vh;padding:40px 0}
.sw-back{display:inline-block;color:var(--primary);margin-bottom:24px;text-decoration:none;font-weight:500}
.sw-back:hover{color:var(--accent)}
.sw-job-layout{display:grid;grid-template-columns:1fr 360px;gap:32px}
.sw-job-content{background:var(--white);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}
.sw-job-content h1{font-size:28px;margin:16px 0}
.sw-section{margin-top:32px}
.sw-section h2{font-size:18px;margin-bottom:16px;color:var(--primary)}
.sw-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sw-info-grid>div{background:var(--light);padding:16px;border-radius:8px}
.sw-info-grid label{display:block;font-size:12px;color:var(--gray);margin-bottom:4px;text-transform:uppercase}
.sw-info-grid span{font-weight:500}
.sw-sidebar .sw-card{margin-bottom:16px}
.sw-budget-box{text-align:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e2e8f0}
.sw-budget-box label{display:block;font-size:12px;color:var(--gray);margin-bottom:8px;text-transform:uppercase}
.sw-budget-box strong{font-size:24px;color:var(--success)}
.sw-stats-mini{display:flex;justify-content:space-around;text-align:center}
.sw-stats-mini strong{display:block;font-size:24px}
.sw-stats-mini span{font-size:12px;color:var(--gray)}

/* Loading Animation */
@keyframes spin{to{transform:rotate(360deg)}}
.sw-loading{
    display:inline-block;
    width:20px;
    height:20px;
    border:3px solid rgba(255,255,255,.3);
    border-radius:50%;
    border-top-color:#fff;
    animation:spin 1s linear infinite;
}

/* Smooth Scroll */
html{scroll-behavior:smooth}

/* Custom Scrollbar */
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--light)}
::-webkit-scrollbar-thumb{background:var(--gray);border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:#475569}

/* Responsive */
@media(max-width:1024px){
    .sw-dashboard{flex-direction:column}
    .sw-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid #e2e8f0}
    .sw-sidebar-header{border-bottom:none}
    .sw-nav{display:flex;flex-wrap:wrap;padding:8px 16px}
    .sw-nav a{padding:8px 16px}
    .sw-jobs-layout,.sw-job-layout{flex-direction:column;grid-template-columns:1fr}
    .sw-filters{width:100%}
    .sw-filters form{position:static}
    .sw-stats{grid-template-columns:repeat(2,1fr)}
    .sw-checkbox-grid{grid-template-columns:repeat(2,1fr)}
    .sw-hero h1{font-size:32px}
    .sw-nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);border-top:1px solid var(--border);flex-direction:column;padding:20px;box-shadow:var(--shadow-md)}
    .sw-nav-menu.active{display:flex}
    .sw-nav-toggle{display:flex}
    .sw-nav-dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;margin:0}
}
@media(max-width:640px){
    .sw-row,.sw-row-3{grid-template-columns:1fr}
    .sw-radio-group{grid-template-columns:1fr}
    .sw-stats{grid-template-columns:1fr}
    .sw-checkbox-grid{grid-template-columns:1fr}
    .sw-info-grid{grid-template-columns:1fr}
    .sw-auth-box{padding:24px}
    .sw-main{padding:20px}
    .sw-cta{flex-direction:column;text-align:center;gap:20px}
    .sw-job-header{flex-direction:column;gap:12px}
    .sw-hero h1{font-size:28px}
    .sw-hero{padding:60px 20px}
    .sw-nav-container{height:60px;padding:0 16px}
    .sw-nav-title{display:none}
    .sw-nav-link{padding:8px 12px;font-size:14px}
    .sw-nav-brand a{font-size:18px}
}

/* Print Styles */
@media print{
    .sw-sidebar,.sw-filters,.sw-actions,.sw-btn{display:none}
    .sw-main{padding:0}
    .sw-job-card{page-break-inside:avoid}
}




.sw-hero h1{
    color:white!important;
}